/* menu hover states and Drop down submenu */
function menuOver(Imgid, submenuId){
	var menuImg = document.getElementById(Imgid);
	menuImg.src = menuImg.src.replace('_off', '_on');
	menuImg.src = menuImg.src.replace('_active', '_on');
	if (submenuId) {
	var subMenu = document.getElementById(submenuId);
	subMenu.style.display='block';
	}
}
function menuOut(Imgid, submenuId){
	var menuImg = document.getElementById(Imgid);
	if(menuImg.className == "activeMenu") {
	menuImg.src = menuImg.src.replace('_on', '_active');
	}
	menuImg.src = menuImg.src.replace('_on', '_off');
	if (submenuId) {
	var subMenu = document.getElementById(submenuId);
	subMenu.style.display='none';
	}
}
/* switching carousel tabs on home page */
function switchCarouselTabs(element){
    var prefix = element.id.split('_')[0];
    var contentPrefix = arguments.length == 1 ? [prefix] : arguments[1];
    var index = 1;
    while((tab = document.getElementById (prefix+'_'+(index))) != null) {
		try{
			var current = tab.id == element.id;
	        tab.className = tab.className.replace(current ? 'Off' : 'On', current ? 'On' : 'Off');
	
			var imgBtn = document.getElementById("imgbtn_"+index);
			if(imgBtn!=null){
		        imgBtn.className = current ? 'activeTab' : '';
		        imgBtn.src = imgBtn.src.replace(current ? 'off' : 'active', current ? 'active' : 'off');
			}
			for (var i = 0; i < contentPrefix.length; i++) {
	            var content =  document.getElementById(contentPrefix[i]+'_'+index+'_content');
	            content.style.display = current ? '' : 'none';
	        }
        }catch(e){}
        index++;
    }
}

/* switching tabs on the lightBox pages */
function switchLBTabs(element)
{
    var prefix = element.id.split('_')[0];
    var contentPrefix = arguments.length == 1 ? [prefix] : arguments[1];
    var index = 1;
    while((tab = document.getElementById (prefix+'_'+(index))) != null) {
		var current = tab.id == element.id;
		tab.className = tab.className.replace(current ? 'Off' : 'On', current ? 'On' : 'Off');
		for (var i = 0; i < contentPrefix.length; i++) {
            var content =  document.getElementById(contentPrefix[i]+'_'+index+'_content');
            content.style.display = current ? '' : 'none';
        }
        index++;
    }
}
/* switching Blue Tabs on the home page */
function switchBlueTabs(element)
{
    var prefix = element.id.split('_')[0];
    var index = 1;
    while(document.getElementById(prefix+'_'+index)!= null) {
    	var tab = document.getElementById(prefix+'_'+index);
		tab.className = tab.id==element.id?'blueTabOn active':'blueTabOff';
        index++;
    }
	
	$('#loadingTab').css('display','block');
    $('#contentTab').load(context+'/ajax/home/getTab.do',{tabId:element.id},function(){
    //	$('#servicesAndContent').load(context+'/ajax/home/getServicesAndContent.do',{tabId:element.id},function(){
			$('#loadingTab').css('display','none');
			
			resizeAcordeon();
		//});	
	});
}

function resizeAcordeon(){
	var totalHeight = 290;
	for(var index=1;index<=servicesArray.length;index++){
		var elem = $('#service'+index+'ID')[0];
		if(elem.scrollHeight>0){
			var heightTitle = elem.parentNode.getElementsByTagName('div')[0].scrollHeight;
			var height=totalHeight-(heightTitle*servicesArray.length)-(2*(servicesArray.length-1));
			elem.getElementsByTagName('div')[0].style.height=height+'px';
			break;
		}
	}
}

/* simple rollover states for images */
function imgOver(img) {
	if (img.className == 'activeTab') {
		img.src	= img.src.replace('_active', '_on');
	}
	else {
		img.src	= img.src.replace('_off', '_on');		
	}
}
function imgOut(img) {
	if (img.className == 'activeTab') {
		img.src	= img.src.replace('_on', '_active');
	}
	else {
		img.src	= img.src.replace('_on', '_off');
	}
}

/* simple rollover states for buttons */
function btnOver(btn){
	btn.className = btn.className.replace('Off', 'On');
}
function btnOut(btn){
	btn.className = btn.className.replace('On', 'Off');
}

/* rollover states for tab elements - changing classes */
function tabOver(tab) {
	if (tab.className.indexOf('active')==-1) {
		tab.className = tab.className.replace('Off', 'On');
	}
}
function tabOut(tab) {
	if (tab.className.indexOf('active')==-1) {
		tab.className = tab.className.replace('On', 'Off');
	}
}


/* functions for thumbnail image rollover events */
	function selectImg(index) {
		var rolloverId = "videoRollover_"+index;
		var rolloverDiv = document.getElementById(rolloverId);
		rolloverDiv.style.display = "block";
	}
	function deselectImg(index) {
		var rolloverId = "videoRollover_"+index;
		var rolloverDiv = document.getElementById(rolloverId);
		rolloverDiv.style.display = "none";
		
	}
	
/* function to hide select element (dropdown "Descargas de la Semana") - ie6 fix */
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	function hideSelect(selectId) {
		if (browser == "Microsoft Internet Explorer" && version == "4") {
			var dropDownId = document.getElementById(selectId);
			dropDownId.style.visibility = "hidden";
		}
	}
	function showSelect(selectId) {
		if (browser == "Microsoft Internet Explorer" && version == "4") {
			var dropDownId = document.getElementById(selectId);
			dropDownId.style.visibility = "visible";
		}
	}
	
/* Open the lightbox */		
function openbox(boxId){
	//document.getElementById(boxId).style.display='block';
	document.getElementById('filter').style.display='block';
}	
/* Close the lightbox */		
function closebox(boxId)
{
	document.getElementById(boxId).style.display='none';
	document.getElementById('filter').style.display='none';
}

/* function to hide/show divs on Detalles del Producto LightBox */
function switchDiv(divIdClose, divIdOpen) {
	document.getElementById(divIdClose).style.display = 'none';
	document.getElementById(divIdOpen).style.display = 'block';	
}

/* collapse/expand view*/
function Holder(id, imageId) {
	this.id=id;
	this.imageId = imageId;
	this.tabsGroup = null;
	this.show = expandView;
	this.hide = collapseView;
}

function expandView() {
	with(this)
	var i;
	for(i = 0; i < this.tabsGroup.length; i++) {
	   if(this == this.tabsGroup[i]){
			var image = document.getElementById(this.imageId);
			document.getElementById(this.id).style.display = 'block';
			image.src = image.src.replace('expand', 'collapse');
			image.alt = image.alt.replace('Expand view', '');			
	   } 
	   else {
	   		this.tabsGroup[i].hide();
	   }
	}
}

function collapseView() {
	with(this)	 
	var image = document.getElementById(this.imageId);
	if(document.getElementById(this.id)!=null)
		document.getElementById(this.id).style.display = 'none';
	if(image!=null){
		image.src = image.src.replace('collapse', 'expand');
		image.alt = image.alt.replace('', 'Expand view');
	}
}

function groupTabs(tabs) {
	var i;
	for(i = 0; i < tabs.length; i++) {
		tabs[i].tabsGroup = tabs;
	}   
}
/* collapse/expand tabs group for home page */
var animadas = new Holder('animadasID', 'animadasTabImage');
var comics = new Holder('comicsID', 'comicsTabImage');
var postales = new Holder('postalesID', 'postalesTabImage');

groupTabs(new Array(animadas,comics,postales));

//var ideasvideo = new Holder('ideasvideoID', 'ideasvideoTabImage');
//var ideastv = new Holder('ideastvID', 'ideastvTabImage');
//var videoclips = new Holder('videoclipsID', 'videoclipsTabImage');

//groupTabs(new Array(ideasvideo,ideastv,videoclips));

/* collapse/expand tabs group for detalles: content type LightBox page */
var masInformacion1 = new Holder('masInformacion1ID', 'masInformacion1TabImage');
var masInformacion2 = new Holder('masInformacion2ID', 'masInformacion2TabImage');
var masInformacion3 = new Holder('masInformacion3ID', 'masInformacion3TabImage');
var masInformacion4 = new Holder('masInformacion4ID', 'masInformacion4TabImage');
var masInformacion5 = new Holder('masInformacion5ID', 'masInformacion5TabImage');
var masInformacion6 = new Holder('masInformacion6ID', 'masInformacion6TabImage');
var masInformacion7 = new Holder('masInformacion7ID', 'masInformacion7TabImage');
var masInformacion8 = new Holder('masInformacion8ID', 'masInformacion8TabImage');
var masInformacion9 = new Holder('masInformacion9ID', 'masInformacion9TabImage');
var masInformacion10 = new Holder('masInformacion10ID', 'masInformacion10TabImage');
var masInformacion11 = new Holder('masInformacion11ID', 'masInformacion11TabImage');
var masInformacion12 = new Holder('masInformacion12ID', 'masInformacion12TabImage');
var masInformacion13 = new Holder('masInformacion13ID', 'masInformacion13TabImage');
var masInformacion14 = new Holder('masInformacion14ID', 'masInformacion14TabImage');
var masInformacion15 = new Holder('masInformacion15ID', 'masInformacion15TabImage');
var masInformacion16 = new Holder('masInformacion16ID', 'masInformacion16TabImage');
var masInformacion17 = new Holder('masInformacion17ID', 'masInformacion17TabImage');
var masInformacion18 = new Holder('masInformacion18ID', 'masInformacion18TabImage');
var masInformacion19 = new Holder('masInformacion19ID', 'masInformacion19TabImage');
var masInformacion20 = new Holder('masInformacion20ID', 'masInformacion20TabImage');


groupTabs(new Array(masInformacion1,masInformacion2,masInformacion3,masInformacion4,masInformacion5,masInformacion6,masInformacion7,masInformacion8,masInformacion9,masInformacion10,masInformacion11,masInformacion12,masInformacion13,masInformacion14,masInformacion15,masInformacion16,masInformacion17,masInformacion18,masInformacion19,masInformacion20));

var configura1 = new Holder('configura1ID', 'configura1TabImage');
var configura2 = new Holder('configura2ID', 'configura2TabImage');
var configura3 = new Holder('configura3ID', 'configura3TabImage');
var configura4 = new Holder('configura4ID', 'configura4TabImage');
var configura5 = new Holder('configura5ID', 'configura5TabImage');
var configura6 = new Holder('configura6ID', 'configura6TabImage');
var configura7 = new Holder('configura7ID', 'configura7TabImage');
var configura8 = new Holder('configura8ID', 'configura8TabImage');
var configura9 = new Holder('configura9ID', 'configura9TabImage');
var configura10 = new Holder('configura10ID', 'configura10TabImage');
var configura11 = new Holder('configura11ID', 'configura11TabImage');
var configura12 = new Holder('configura12ID', 'configura12TabImage');
var configura13 = new Holder('configura13ID', 'configura13TabImage');
var configura14 = new Holder('configura14ID', 'configura14TabImage');
var configura15 = new Holder('configura15ID', 'configura15TabImage');
var configura16 = new Holder('configura16ID', 'configura16TabImage');
var configura17 = new Holder('configura17ID', 'configura17TabImage');
var configura18 = new Holder('configura18ID', 'configura18TabImage');
var configura19= new Holder('configura19ID', 'configura19TabImage');
var configura20= new Holder('configura20ID', 'configura20TabImage');

groupTabs(new Array(configura1,configura2,configura3,configura4,configura5,configura6,configura7,configura8,configura9,configura10,configura11,configura12,configura13,configura14,configura15,configura16,configura17,configura18,configura19,configura20));

var faq1 = new Holder('faq1ID', 'faq1TabImage');
var faq2 = new Holder('faq2ID', 'faq2TabImage');
var faq3 = new Holder('faq3ID', 'faq3TabImage');
var faq4 = new Holder('faq4ID', 'faq4TabImage');
var faq5 = new Holder('faq5ID', 'faq5TabImage');
var faq6 = new Holder('faq6ID', 'faq6TabImage');
var faq7 = new Holder('faq7ID', 'faq7TabImage');
var faq8 = new Holder('faq8ID', 'faq8TabImage');
var faq9 = new Holder('faq9ID', 'faq9TabImage');
var faq10 = new Holder('faq10ID', 'faq10TabImage');
var faq11 = new Holder('faq11ID', 'faq11TabImage');
var faq12 = new Holder('faq12ID', 'faq12TabImage');
var faq13 = new Holder('faq13ID', 'faq13TabImage');
var faq14 = new Holder('faq14ID', 'faq14TabImage');
var faq15 = new Holder('faq15ID', 'faq15TabImage');
var faq16 = new Holder('faq16ID', 'faq16TabImage');
var faq17 = new Holder('faq17ID', 'faq17TabImage');
var faq18 = new Holder('faq18ID', 'faq18TabImage');
var faq19 = new Holder('faq19ID', 'faq19TabImage');
var faq20 = new Holder('faq20ID', 'faq20TabImage');

groupTabs(new Array(faq1,faq2,faq3,faq4,faq5,faq6,faq7,faq8,faq9,faq10,faq11,faq12,faq13,faq14,faq15,faq16,faq17,faq18,faq19,faq20));


var como1 = new Holder('como1ID', 'como1TabImage');
var como2 = new Holder('como2ID', 'como2TabImage');
var como3 = new Holder('como3ID', 'como3TabImage');
var como4 = new Holder('como4ID', 'como4TabImage');
var como5 = new Holder('como5ID', 'como5TabImage');
var como6 = new Holder('como6ID', 'como6TabImage');
var como7 = new Holder('como7ID', 'como7TabImage');
var como8 = new Holder('como8ID', 'como8TabImage');
var como9 = new Holder('como9ID', 'como9TabImage');
var como10 = new Holder('como10ID', 'como10TabImage');
var como11 = new Holder('como11ID', 'como11TabImage');
var como12 = new Holder('como12ID', 'como12TabImage');
var como13 = new Holder('como13ID', 'como13TabImage');
var como14 = new Holder('como14ID', 'como14TabImage');
var como15 = new Holder('como15ID', 'como15TabImage');
var como16 = new Holder('como16ID', 'como16TabImage');
var como17 = new Holder('como17ID', 'como17TabImage');
var como18 = new Holder('como18ID', 'como18TabImage');
var como19 = new Holder('como19ID', 'como19TabImage');
var como20 = new Holder('como20ID', 'como20TabImage');

groupTabs(new Array(como1,como2,como3,como4,como5,como6,como7,como8,como9,como10,como11,como12,como13,como14,como15,como16,como17,como18,como19,como20));


/* js to check flash version (for video page) */
	function MM_CheckFlashVersion(reqVerStr,msg){
	  with(navigator){
		var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
		var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
		if (!isIE || !isWin){  
		  var flashVer = -1;
		  if (plugins && plugins.length > 0){
			var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
			desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
			if (desc == "") flashVer = -1;
			else{
			  var descArr = desc.split(" ");
			  var tempArrMajor = descArr[2].split(".");
			  var verMajor = tempArrMajor[0];
			  var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
			  var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
			  flashVer =  parseFloat(verMajor + "." + verMinor);
			}
		  }
		  // WebTV has Flash Player 4 or lower -- too low for video
		  else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
	
		  var verArr = reqVerStr.split(",");
		  var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
	  
		  if (flashVer < reqVer){
			if (confirm(msg))
			  window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
		  }
		}
	  } 
	}
	
/* function to trucate the Artist/Title if it's too long */
function truncateStr() {
	/*
	$('.artistInfo').each(function () {
		$(this).text($(this).text().substring(0,20)+"...");				
	});
	*/
}

function showPopWin(url){
	tb_show(null,url, null)
}