/* Slide component
---------------------------------------------------------------- */

function resetSlide(){	
	var myChar = new Array();
	myChar[0] = 'A';
	myChar[1] = 'B';
	myChar[2] = 'C';
	for(var x in myChar){
		for(var i=1;i<=3;i++){
			document.getElementById('sbs'+i+myChar[x]).style.display = 'none';
		}
	}
}

function setSlide(f){
	resetSlide();
	var effect = document.getElementById('effect'+f);
	effect.innerHTML = '<embed src="/v2/swf/fade.swf" width="325" height="217" name="flvmovie" id="flvmovie" allowscriptaccess="always" allowfullscreen="false" wmode="transparent" menu="false">';
	effect.style.display = 'block';
	for(var i=1;i<=3;i++){document.getElementById('sbs'+i+f).style.display = 'block';}
	setTimeout("killSlide('"+f+"');", 400);
}

function killSlide(f){
	var effect = document.getElementById('effect'+f);
	effect.style.display = 'none';
}

/* Build */
function buildSlides(images,urls){
	if(images && urls){
		var content;
		var slides = document.getElementById('slides');
		
		// Split into array
		iArr = images.split(',');
		uArr = urls.split(',');
		
		// Build content
		content = '<div class="abs" style="display:block;">';
		content += '	<a href="'+uArr[0]+'" title="" class="sbs1" id="sbs1A" style="background-image:url('+iArr[0]+');z-index:3;display:block;"><span class="shadow1" id="shadow1"></span></a>';
		content += '	<a href="'+uArr[1]+'" title="" class="sbs2" id="sbs2A" onmouseover="setSlide(\'B\');return false;" style="background-image:url('+iArr[1]+');z-index:2;display:block;"><span class="shadow1" id="shadow2"></span></a>';
		content += '	<a href="'+uArr[2]+'" title="" class="sbs3" id="sbs3A" onmouseover="setSlide(\'C\');return false;" style="background-image:url('+iArr[2]+');z-index:1;display:block;"></a>';
		content += '	<a href="'+uArr[0]+'" title="" class="sbs1" id="sbs1B" onmouseover="setSlide(\'A\');return false;" style="background-image:url('+iArr[0]+');z-index:1;display:none;"></a>';
		content += '	<a href="'+uArr[1]+'" title="" class="sbs2" id="sbs2B" style="background-image:url('+iArr[1]+');z-index:3;display:none;"><span class="shadow2" id="shadow3"></span><span class="shadow1" id="shadow4"></span></a>';
		content += '	<a href="'+uArr[2]+'" title="" class="sbs3" id="sbs3B" onmouseover="setSlide(\'C\');return false;" style="background-image:url('+iArr[2]+');z-index:2;display:none;"></a>';
		content += '	<a href="'+uArr[0]+'" title="" class="sbs1" id="sbs1C" onmouseover="setSlide(\'A\');return false;" style="background-image:url('+iArr[0]+');z-index:1;display:none;"></a>';
		content += '	<a href="'+uArr[1]+'" title="" class="sbs2" id="sbs2C" onmouseover="setSlide(\'B\');return false;" style="background-image:url('+iArr[1]+');z-index:2;display:none;"><span class="shadow2" id="shadow5"></span></a>';
		content += '	<a href="'+uArr[2]+'" title="" class="sbs3" id="sbs3C" style="background-image:url('+iArr[2]+');z-index:3;display:none;"><span class="shadow2" id="shadow6"></span></a>';
		content += '</div>';
		content += '<div class="effectA" id="effectA"></div>';
		content += '<div class="effectB" id="effectB"></div>';
		content += '<div class="effectC" id="effectC"></div>';
		
		// Inject
		slides.innerHTML = content;
	}
}