// JavaScript Document
function firstshow(){
	$('#case1').fadeIn(1500).css("display", "block")
	var casecount = $('.cases').length;
	var navball = '';
	for(i=0;i<casecount;i++){
		navball += '<img id="ball'+i+'" border="0" src="images/NonSelectedDot.png" onclick="clicknext('+i+')">'
	}
	$('.slide_show_nav').html(navball)
	$('#ball0').attr('src', 'images/SelectedNavDot.png').delay(6000)
	
}

function slideshow(){
	var cases = Array()
	$('.cases').each(function(){
		cases.push($(this).attr("id"))
	})
	var countarray = cases.length
	var current = 0
	for(i=0;i<countarray;i++){
		if($('#'+cases[i]).css("display") == 'block'){
			current = i
		}
	}
	if(current == cases.length-1){
		next=0
	}else{
		next=current+1
	}
	if(current == 0){
		previous = cases.length-1
	}else{
		previous = current-1
	}
	$('.right_arrow').attr('id',next)
	$('.left_arrow').attr('id',previous)
	$('#'+cases[current]).fadeOut(1000).css("display","none")
	$('#ball'+current).attr('src','images/NonSelectedDot.png')
	$('#'+cases[next]).fadeIn(1500).css("display", "block")
	$('#ball'+next).attr('src','images/SelectedNavDot.png')
}

function clicknext(num){
	var cases = Array()
	$('.cases').each(function(){
		cases.push($(this).attr("id"))
	})
	var countarray = cases.length
	var current = 0
	for(i=0;i<countarray;i++){
		if($('#'+cases[i]).css("display") == 'block'){
			current = i
		}
	}
	next = num
	$('#'+cases[current]).fadeOut(1000).css("display","none")
	$('#ball'+current).attr('src','images/NonSelectedDot.png')
	$('#'+cases[next]).fadeIn(1500).css("display", "block")
	$('#ball'+next).attr('src','images/SelectedNavDot.png')
	clearInterval(initval)
	initval = setInterval('slideshow()',6000)
}

function rotating_box_start(){
	var i=0
	var images = new Array()
	var images2 = new Array()
	var images3 = new Array()
	var images4 = new Array()
	$('#section1 .sub_sub_section').each(function(i){
		$(this).attr("id", "section1_"+i)
		images.push($(this).attr("id"))
	})
	var i =0
	$('#section2 .sub_sub_section').each(function(i){
		$(this).attr("id", "section2_"+i)
		images2.push($(this).attr("id"))
	})
	var i=0
	$('#section3 .sub_sub_section').each(function(i){
		$(this).attr("id", "section3_"+i)
		images3.push($(this).attr("id"))
	})
	var i=0
	$('#section4 .sub_sub_section').each(function(i){
		$(this).attr("id", "section4_"+i)
		images4.push($(this).attr("id"))
	})
	$('#section1 #'+images[0]).css("display", "block")
	$('#section2 #'+images2[0]).css("display", "block")
	$('#section3 #'+images3[0]).css("display", "block")
	$('#section4 #'+images4[0]).css("display", "block")
}

function load_click_ads(){
		document.writeln('<div class="sub_section" id="section1">')
		document.writeln('  	<div class="sub_section_sub" style="padding-top:2px; color:#FFF; font-weight:bold; cursor:pointer;">')
		document.writeln('	   	<span style="margin-left:45px;">clic aqu&iacute;</span>')
		document.writeln('    </div>')
		document.writeln('	<div class="sub_sub_section"><a href="staff.php"><img class="linked slide" src="images/CookieBox.jpg" border="0" /></a></div>')
		document.writeln('    <div class="sub_sub_section"><a href="noticias.php"><img class="linked slide" src="images/NoticiasBox.jpg" border="0" /></a></div>  ')
	//	document.writeln('    <div class="sub_sub_section"><img src="images/Promuevebox.jpg" border="0" /></div>')
		document.writeln('    </div>')
		document.writeln('    <div class="sub_section" id="section2" style="left:166.5px;">')
		document.writeln('    <div class="sub_section_sub" style="background-image:url(images/TopNavSmallBox2.jpg)">           	')
		document.writeln('    </div>')
		document.writeln('	<div class="sub_sub_section"><img class="linked slide" src="images/EscunchenosEnVivoBox.jpg" border="0" onclick="window.open(\'http://www.warpradio.com/Tuner.asp?id=10124\',\'popup\',\'toolbar=no,location=no,scrollbars=no,width=512,height=215\')" /></div>')
		//document.writeln('     <div class="sub_sub_section"><img src="images/Saludosbox.jpg" border="0" /></div>')
		document.writeln('     </div>')
		document.writeln('<div class="sub_section" id="section4" style="left:336.5px;">')
		document.writeln('	   	<div class="sub_section_sub" style="background-image:url(images/TopNavSmallBox2.jpg)">           	')
		document.writeln('    </div>')
		document.writeln('	<div class="sub_sub_section"><a href="agenda.php"><img class="linked slide" src="images/Agendabox.gif" border="0" /></a></div>')
		document.writeln('    </div>')
		document.writeln('     <div class="sub_section" id="section3" style="left:505px;">')
		document.writeln('     <div class="sub_section_sub" style="background-image:url(images/TopNavSmallBox2.jpg)">           	')
		document.writeln('     </div>')
		document.writeln('	 <div class="sub_sub_section"><img id=\'fundadores\' class="linked slide" src="images/FundadoresBox.jpg" border="0" /></div></div>')
}

function toggle_Box(sectionid){
	var i=0
	var images = new Array()
	$('#'+sectionid+' .sub_sub_section').each(function(i){
		images.push($(this).attr("id"))
	})
	if(images.length == 1){
		return false	
	}else{
		for(i=0;i<images.length;i++){
			if($('#'+images[i]).css("display") == "block"){
				current = i
				next = i+1
				if(next == images.length){
					next = 0
				}
			}
		}
		$('#'+sectionid+'_'+current).slideToggle('slow')
		$('#'+sectionid+'_'+next).slideToggle('slow')
	}
}

function loadGallery(type){
	$('#shadowbox').css('display','block')
	$('body').append('<div id="flashcontent"></div>')
	var fo = new FlashObject('gallery/'+type+'/photogal.swf', 'Gallery', '300', '300', 6)
	fo.write('flashcontent')
	alert(type)
}