// JScript File
function ck(e) 
{  
     var ctrl = null; 
    if (window.event)
    { 
        ctrl = window.event.ctrlKey; 
       
    }
    else
    {        
        ctrl=(e.metaKey || e.ctrlKey);
    }       
    return(ctrl);        
}
selectedIndex=-1;
oldValue = '';
//var textBox;
//var textSuggest;
var DivSearchSuggest;
var selMode;
var txtFinalVal;
var txtTextBoxVal;
function ClientData(oBj,oBj2,e,flag)
{
    txtTextBoxVal = '';
    var arrval = oBj.value;
    var arrSelVal = arrval.split(",");
    if(arrSelVal.length>1)
    {
        var iVal = arrSelVal.length-1;
        txtFinalVal = arrSelVal[iVal];
        var vIndex = 0;
        while(vIndex < iVal)
        {
            txtTextBoxVal += arrSelVal[vIndex]+",";
            vIndex = vIndex + 1;
        }
    }
    else
        txtFinalVal = oBj.value;
    if(oBj2=='artist')
    {
        //textBox = document.getElementById('<%=m_txtSelArtist.ClientID %>');
        //textSuggest = document.getElementById('<%= m_txtArtist.ClientID%>');
        DivSearchSuggest = document.getElementById('search_artist');
        if(flag == 1)
            selMode = 'artist';
        else
            selMode = 'searchartist';
    }
    else if(oBj2=='tag')
    {
        //textBox = document.getElementById('<%=m_txtSelTag.ClientID %>');
        //textSuggest = document.getElementById('<%= m_txtTag.ClientID%>');
        DivSearchSuggest = document.getElementById('search_tag');
        selMode = 'tag';
    }
    var KeyID = (window.event) ? event.keyCode : e.keyCode;
        
    if(KeyID == 13)
    {   
        HideDiv();      
        return false;
    }        
    if(KeyID==46 || KeyID==8 || KeyID==17 || ck(e))
    {
        DivSearchSuggest.innerHTML = '';
        DivSearchSuggest.style.display = 'none';
        selectedIndex=-1;
        oldValue = '';
        //textBox.value = '';
        return;
    }
    if(oBj.value=='')
    {
        DivSearchSuggest.innerHTML = '';
        DivSearchSuggest.style.display = 'none';
        selectedIndex=-1;
        oldValue = '';
        //textBox.value = '';
        return;
    }
    var objArr;
    if(KeyID != 40 && KeyID != 38 && oBj.value!='')
    {
        selectedIndex = -1;
        var thetime = new Date();
        var nTime = thetime.getTime();
        if(flag == 1)
            requestURL = "../ajax/Utility.aspx?mode="+selMode;
        else
            requestURL = "ajax/Utility.aspx?mode="+selMode;
        requestURL+="&selText="+txtFinalVal+"&nTime="+nTime;
        xmlHttp = CreateXmlHttpObject(updateDiv);
        //Send the xmlHttp get to the specified url 
        xmlHttp_Get(xmlHttp, requestURL);
    }        
    else if(KeyID == 40)
    {
        
        if(window.event)//IE
             objArr = getElementsByName_ie('div','div_'+selMode);
        else
            objArr = document.getElementsByName('div_'+selMode);
        clearSelection(objArr);
        if(selectedIndex== -1)
        {
            objArr[0].className = 'suggest_link_over';
            oldValue = document.getElementById(oBj.id).value;
            txtTextBoxVal += objArr[0].innerHTML;
            document.getElementById(oBj.id).value =  txtTextBoxVal;
            //textBox.value = objArr[0].id;
            selectedIndex++; 
        }
        else if(selectedIndex < objArr.length-1)
        {
            objArr[selectedIndex].className = 'suggest_link';
            objArr[selectedIndex+1].className = 'suggest_link_over';
            txtTextBoxVal += objArr[selectedIndex+1].innerHTML;
            document.getElementById(oBj.id).value = txtTextBoxVal ;
            //textBox.value = objArr[selectedIndex+1].id;
            selectedIndex ++;                
        }
        else if(selectedIndex == objArr.length-1)
        {   
            objArr[selectedIndex].className = 'suggest_link';
            document.getElementById(oBj.id).value = oldValue;
            //textBox.value = '';
            selectedIndex = -1;               
        }                      
    }
    else if(KeyID == 38)
    {
        
        if(window.event)//IE
             objArr = getElementsByName_ie('div','div_'+selMode);
        else
            objArr = document.getElementsByName('div_'+selMode);
        clearSelection(objArr);
        if(selectedIndex== -1)
        {
            objArr[objArr.length-1].className = 'suggest_link_over';
            if(oldValue=='')
                oldValue = document.getElementById(oBj.id).value;
            document.getElementById(oBj.id).value =  objArr[objArr.length-1].innerHTML; 
            //textBox.value = objArr[objArr.length-1].id;
            selectedIndex = objArr.length-1; 
        }
        else if(selectedIndex <= objArr.length-1 && selectedIndex!=0)
        {
            objArr[selectedIndex].className = 'suggest_link';
            objArr[selectedIndex-1].className = 'suggest_link_over';
            document.getElementById(oBj.id).value =  objArr[selectedIndex-1].innerHTML;
            //textBox.value = objArr[selectedIndex-1].id;
            selectedIndex --;                
        }
        else if(selectedIndex == 0)
        {   
            objArr[selectedIndex].className = 'suggest_link';
            document.getElementById(oBj.id).value = oldValue;
            //textBox.value = '';
            selectedIndex = -1;               
        }                      
    }
}
function updateDiv()
{
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
    { 	
        UpdateSelDiv(xmlHttp.responseText);
    }
}
function UpdateSelDiv(strResult)
{
    selectedIndex=-1;
    if(strResult != "")
    {
        DivSearchSuggest.style.display = '';
        DivSearchSuggest.innerHTML = strResult;
    }
    else
        DivSearchSuggest.style.display = 'none';
}
function suggestOver(div_value,val) {
	div_value.className = 'suggest_link_over';
	var textSug;
	var PrevVal;
	if(val=="1")
    {
        textSug = document.getElementById("ctl00_ContentPlaceHolder1_m_wizMain_m_txtArtist");
        PrevVal = GetPrevValue(textSug.value);
    }
    else if(val=="2")
    {
        textSug = document.getElementById("ctl00_ContentPlaceHolder1_m_wizMain_m_txtTag");
        PrevVal = GetPrevValue(textSug.value);
    }
    else if(val=="3")
    {
        textSug = document.getElementById("ctl00_ContentPlaceHolder1_m_txtArtist");
        PrevVal = GetPrevValue(textSug.value);
    }
	textSug.value = PrevVal+div_value.innerHTML;
	//textBox.value = div_value.id;
    }
    function GetPrevValue(prevVal)
    {
        var txtTextBoxVal = '';
        var arrval = prevVal;
        var arrSelVal = arrval.split(",");
        if(arrSelVal.length>1)
        {
            var iVal = arrSelVal.length-1;
            //txtFinalVal = arrSelVal[iVal];
            var vIndex = 0;
            while(vIndex < iVal)
            {
                txtTextBoxVal += arrSelVal[vIndex]+",";
                vIndex = vIndex + 1;
            }
        }
        //else
            //txtFinalVal = oBj.value;
        return txtTextBoxVal;
    }
    function suggestOut(div_value) {
	div_value.className = 'suggest_link';
    }
    function setSearch(div_value,val) {
    var textSug;
    var divSearchOuter;
    if(val=="1")
    {
        textSug = document.getElementById("ctl00_ContentPlaceHolder1_m_wizMain_m_txtArtist");
        divSearchOuter = document.getElementById('search_artist');
    }
    else if(val=="2")
    {
        textSug = document.getElementById("ctl00_ContentPlaceHolder1_m_wizMain_m_txtTag");
        divSearchOuter = document.getElementById('search_tag');
    }
    else if(val=="3")
    {
        textSug = document.getElementById("ctl00_ContentPlaceHolder1_m_txtArtist");
        divSearchOuter = document.getElementById('search_tag');
    }
	textSug.value = div_value.innerHTML;
	//textBox.value = div_value.id;
	divSearchOuter.innerHTML = '';
	}
function getElementsByName_ie(tag, name) {
     
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
    }
function clearSelection(oBj)
{
    //alert(oBj.length);
    for(i=0;i<oBj.length;i++)
    {
        if(oBj[i].className == 'suggest_link_over')
        {
            oBj[i].className = 'suggest_link';
            return;
        }
    }
    return;
}
function HideDiv()
{
    DivSearchSuggest.innerHTML = '';
	DivSearchSuggest.style.display = 'none';
}
function flvVideoLoad(varid)
{
    var thetime = new Date();
    var nTime = thetime.getTime();
    requestURL = "ajax/Utility.aspx?mode=video&page="+window.location;
    requestURL+="&vid="+varid+"&nTime="+nTime;
    xmlHttp = CreateXmlHttpObject(updateVideo);
    //Send the xmlHttp get to the specified url 
    xmlHttp_Get(xmlHttp, requestURL);
}
function flvDefaultVideoLoad()
{
    var thetime = new Date();
    var nTime = thetime.getTime();
    requestURL = "ajax/Utility.aspx?mode=video";
    requestURL+="&vid=default&nTime="+nTime;
    xmlHttp = CreateXmlHttpObject(updateDefaultVideo);
    //Send the xmlHttp get to the specified url 
    xmlHttp_Get(xmlHttp, requestURL);
}
function flvSelectorLoad()
{
    var thetime = new Date();
    var nTime = thetime.getTime();
    requestURL = "ajax/Utility.aspx?mode=selector";
    requestURL+="&nTime="+nTime;
    xmlHttp = CreateXmlHttpObject(updateSelector);
    //Send the xmlHttp get to the specified url 
    xmlHttp_Get(xmlHttp, requestURL);
    
}
function updateDefaultVideo()
{
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
    { 	
        UpdateDefaultVideoPlayer(xmlHttp.responseText);
    }
}
function UpdateDefaultVideoPlayer(strResult)
{
    document.getElementById("ctl00_ContentPlaceHolder1_m_lblVideoPlayer").innerHTML = strResult;
    flvSelectorLoad();
    return false;
}
function updateVideo()
{
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
    { 	
        UpdateVideoPlayer(xmlHttp.responseText);
    }
}
function UpdateVideoPlayer(strResult)
{
    document.getElementById("ctl00_ContentPlaceHolder1_m_lblVideoPlayer").innerHTML = strResult;
    return false;
}
function updateSelector()
{
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
    { 	
        UpdateSelectorPlayer(xmlHttp.responseText);
    }
}
function UpdateSelectorPlayer(strResult)
{
    document.getElementById("divSelector").innerHTML = strResult;
    return false;
}
//function CreateXmlHttpObject(functionToCall) 
//{ 
//	var objXmlHttp = null;
//	if (window.XMLHttpRequest)//Netscape, Mozilla, Safari, ...
//	{ 
//		objXmlHttp = new XMLHttpRequest();
//		objXmlHttp.overrideMimeType('text/xml');
//	} 
//	else if (window.ActiveXObject) //IE
//	{
//		objXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
//	}
//	objXmlHttp.onreadystatechange = functionToCall; 
//	return objXmlHttp;
//}

function CreateXmlHttpObject(functionToCall)
{
    var xmlHttp=null;
    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    xmlHttp.onreadystatechange = functionToCall;
    return xmlHttp;
}

//making the request as GET
function xmlHttp_Get(httpObj, url) 
{ 	
	httpObj.open('GET', url, true); 
	httpObj.send(null); 
} 
var cX = 0; 
    var cY = 0; 
    var rX = 0; 
    var rY = 0;
    function UpdateCursorPosition(e)
    { 
    cX = e.pageX; 
    cY = e.pageY;
    }
    function UpdateCursorPositionDocAll(e)
    { 
    cX = event.clientX;
     cY = event.clientY;
     }
     if(document.all) 
     { 
     document.onmousemove = UpdateCursorPositionDocAll;
      }
      else 
      { 
      document.onmousemove = UpdateCursorPosition; 
      }
      function AssignPosition(d) 
      { 
        if(self.pageYOffset)
        {	
            rX = self.pageXOffset;
            rY = self.pageYOffset;
        }
        else if(document.documentElement && document.documentElement.scrollTop) 
        {	
            rX = document.documentElement.scrollLeft;	
            rY = document.documentElement.scrollTop;	
        }
        else if(document.body) 
        {	
            rX = document.body.scrollLeft;	
            rY = document.body.scrollTop;	
        }
        if(document.all) 
        {	
            cX += rX; 	
            cY += rY;	
        }
        if (navigator.appName.indexOf("Microsoft")!=-1) {
        toppos = document.body.clientHeight;
        leftpos = document.body.clientWidth;
        }else{
        toppos = window.innerHeight;
        leftpos = window.innerWidth;
        }
        var dsHeight = screen.availHeight-100;
        var dsWidth = screen.availWidth-100;
        var tWidth = cX+parseInt(d.style.width)+10;
        var tHeight = cY+parseInt(d.style.height)+10;
        if(tWidth > dsWidth)
        {
            var tleft = tWidth - dsWidth;
            d.style.left = (cX-parseInt(d.style.width)-30) + "px";
        }
        else
        {
            d.style.left = (cX+10) + "px";
        }
        if(tHeight > dsHeight)
        {
        
            var ttop = tHeight - dsHeight;
            d.style.top = (cY-ttop-100) + "px";
        }
        else
        {
           d.style.top = (cY-10) + "px";
        }
      }
      function HideContent(d) 
       {
       if(d.length < 1) 
       { 
       return; 
       }
       document.getElementById(d).style.display = "none";
       }
       function ShowContent(d)
        {
            
         if(d.length < 1)
         {
          return; 
          }
          var dd = document.getElementById(d);
          AssignPosition(dd);
          dd.style.display = "block";
            //if(dd.style.height > "100px")
                //alert(dd.style.height)
          }
          function ReverseContentDisplay(d)
          {
          if(d.length < 1) 
          { 
          return; 
          }
          var dd = document.getElementById(d);
          AssignPosition(dd);if(dd.style.display == "none") 
          { 
          dd.style.display = "block"; 
            //if(dd.style.height > "100px")
               // alert(dd.style.height)
          }
          else 
          { 
          dd.style.display = "none"; 
          }
          }
		  
var cssdropdown={

disappeardelay: 250, //set delay in miliseconds before menu disappears onmouseout
//dropdownindicator: '<img src="down.gif" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu
enableswipe: 1, //enable swipe effect? 1 for yes, 0 for no
enableiframeshim: 1, //enable "iframe shim" in IE5.5/IE6? (1=yes, 0=no)

//No need to edit beyond here////////////////////////

dropmenuobj: null, asscmenuitem: null, domsupport: document.all || document.getElementById, standardbody: null, iframeshimadded: false, swipetimer: undefined, bottomclip:0,

getposOffset:function(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
},

swipeeffect:function(){
	if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
		this.bottomclip+=10+(this.bottomclip/10) //unclip drop down menu visibility gradually
		this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
	}
	else
		return
	this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
},

css:function(el, targetclass, action){
	var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
	if (action=="check")
		return needle.test(el.className)
	else if (action=="remove")
		el.className=el.className.replace(needle, "")
	else if (action=="add" && !needle.test(el.className))
		el.className+=" "+targetclass
},

showhide:function(obj, e){
	this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
	if (this.enableswipe==1){
		if (typeof this.swipetimer!="undefined")
			clearTimeout(this.swipetimer)
		obj.clip="rect(0 auto 0 0)" //hide menu via clipping
		this.bottomclip=0
		this.swipeeffect()
	}
	obj.visibility="visible"
	this.css(this.asscmenuitem, "selected", "add")
},

clearbrowseredge:function(obj, whichedge){
	var edgeoffset=0
	if (whichedge=="rightedge"){
		var windowedge=document.all && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
		this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
		if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
			edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
	}
	else{
		var topedge=document.all && !window.opera? this.standardbody.scrollTop : window.pageYOffset
		var windowedge=document.all && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
		this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
		if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
			edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
			if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
				edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
		}
	}
	return edgeoffset
},

dropit:function(obj, e, dropmenuID){
	if (this.dropmenuobj!=null) //hide previous menu
		this.hidemenu() //hide menu
	this.clearhidemenu()
	this.dropmenuobj=document.getElementById(dropmenuID) //reference drop down menu
	this.asscmenuitem=obj //reference associated menu item
	this.showhide(this.dropmenuobj.style, e)
	this.dropmenuobj.x=this.getposOffset(obj, "left")
	this.dropmenuobj.y=this.getposOffset(obj, "top")
	this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
	this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
	this.positionshim() //call iframe shim function
},

positionshim:function(){ //display iframe shim function
	if (this.enableiframeshim && typeof this.shimobject!="undefined"){
		if (this.dropmenuobj.style.visibility=="visible"){
			this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
			this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
			this.shimobject.style.left=this.dropmenuobj.style.left
			this.shimobject.style.top=this.dropmenuobj.style.top
		}
	this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
	}
},

hideshim:function(){
	if (this.enableiframeshim && typeof this.shimobject!="undefined")
		this.shimobject.style.display='none'
},

isContained:function(m, e){
	var e=window.event || e
	var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
	while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
	if (c==m)
		return true
	else
		return false
},

dynamichide:function(m, e){
	if (!this.isContained(m, e)){
		this.delayhidemenu()
	}
},

delayhidemenu:function(){
	this.delayhide=setTimeout("cssdropdown.hidemenu()", this.disappeardelay) //hide menu
},

hidemenu:function(){
	this.css(this.asscmenuitem, "selected", "remove")
	this.dropmenuobj.style.visibility='hidden'
	this.dropmenuobj.style.left=this.dropmenuobj.style.top=0
	this.hideshim()
},

clearhidemenu:function(){
	if (this.delayhide!="undefined")
		clearTimeout(this.delayhide)
},

addEvent:function(target, functionref, tasktype){
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false);
	else if (target.attachEvent)
		target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)});
},

startchrome:function(){
	if (!this.domsupport)
		return
	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
	for (var ids=0; ids<arguments.length; ids++){
		var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
		for (var i=0; i<menuitems.length; i++){
			if (menuitems[i].getAttribute("rel")){
				var relvalue=menuitems[i].getAttribute("rel")
				var asscdropdownmenu=document.getElementById(relvalue)
				this.addEvent(asscdropdownmenu, function(){cssdropdown.clearhidemenu()}, "mouseover")
				this.addEvent(asscdropdownmenu, function(e){cssdropdown.dynamichide(this, e)}, "mouseout")
				this.addEvent(asscdropdownmenu, function(){cssdropdown.delayhidemenu()}, "click")
				try{
					//menuitems[i].innerHTML=menuitems[i].innerHTML+" "+this.dropdownindicator
					menuitems[i].innerHTML=menuitems[i].innerHTML
				}catch(e){}
				this.addEvent(menuitems[i], function(e){ //show drop down menu when main menu items are mouse over-ed
					if (!cssdropdown.isContained(this, e)){
						var evtobj=window.event || e
						cssdropdown.dropit(this, evtobj, this.getAttribute("rel"))
					}
				}, "mouseover")
				this.addEvent(menuitems[i], function(e){cssdropdown.dynamichide(this, e)}, "mouseout") //hide drop down menu when main menu items are mouse out
				this.addEvent(menuitems[i], function(){cssdropdown.delayhidemenu()}, "click") //hide drop down menu when main menu items are clicked on
			}
		} //end inner for
	} //end outer for
	if (window.createPopup && !window.XmlHttpRequest &&!this.iframeshimadded){ //if IE5.5 to IE6, create iframe for iframe shim technique
		document.write('<IFRAME id="iframeshim"  src="" style="display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
		this.shimobject=document.getElementById("iframeshim") //reference iframe object
		this.iframeshimadded=true
	}
} //end startchrome
}