/**
 * @author Mathijs de Jong, Eden design & communication
 */
var detailHovers= [];
var cards = [];
var cardsFolder = "../illustrations/player/";		// folder with card images displayed in cardplayer
var actualCardNr = 0;								// initial shown Card (number is array cards[number])



cards[0] = cardsFolder  + CardPlayerFolder + "/dummy-card-1.jpg";			// ISIC old filename 
cards[1] = cardsFolder  + CardPlayerFolder + "/dummy-card-2.jpg";			// ISIC new filename 
cards[2] = cardsFolder  + CardPlayerFolder + "/dummy-card-3.jpg";			// ITIC old filename 
cards[3] = cardsFolder  + CardPlayerFolder + "/dummy-card-4.jpg";			// ITIC new filename

if (CardPlayerFolder == "isic") 
{
    cards[4] = cardsFolder  + CardPlayerFolder + "/dummy-card-5.jpg";			// IYIC old filename 
    cards[5] = cardsFolder  + CardPlayerFolder + "/dummy-card-6.jpg";			// IYIC new filename 
}

//	:::::::::::::::::::::::::::::: start onload function calls
function externalLinks() { 
 if (!document.getElementsByTagName) return; 
 var anchors = document.getElementsByTagName("a"); 
 for (var i=0; i<anchors.length; i++) { 
   var anchor = anchors[i]; 
   if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") 
     anchor.target = "_blank"; 
 	} 
} 

function getElementsByClassName(needle) { 
    var s = document.getElementsByTagName('*'), i = s.length, r = [], e, c; 
    needle = ' ' + needle + ' '; 
    
    while (i--) 
    { 
        e = s.item(i); 
        if (e.className) 
        { 
            c = ' ' + e.className + ' '; 
            if (c.indexOf(needle) != -1) r.push(e); 
        } 
    } 
    return r; 
}


function attachZoomAction() {
	/* */
	if (document.getElementById("page-container").className != 'home') {
		detailHovers = getElementsByClassName('pointer');
		var detailZoom = document.getElementById('card-detail-zoom');
		var detailInitId = detailZoom.className;
		var detailInitIdIE = detailInitId.split("-")[1];		
		var currentOpen = function() {
			var detailOpen = document.getElementById("card-detail-zoom").className;
			detailOpen = detailOpen.split("-")[1];
			var pointerOpen = document.getElementById("detail-"+detailOpen);
			return pointerOpen.getElementsByTagName("div")[0];			
		};
		
		currentOpen().style.display = 'block';
		document.getElementById("detail-1").getElementsByTagName("div")[0].style.display = 'none';
		var currentCard = function() {
			var cardHolder = getElementsByClassName('block-overview-card')[0];
			var cardHolderId = cardHolder.getElementsByTagName("div")[0].id;
			if (cardHolderId == 'card-teacher') {
				return "itic"; 
			} else return "isic" 
				
		};

		for (i=0; i<detailHovers.length; i++) {
			detailHovers[i].getElementsByTagName("a")[0].onmouseover = function() {
				//this.parentNode.getElementsByTagName("div")[0].title="Click for details";
				this.parentNode.getElementsByTagName("div")[0].style.display = 'block';			
				thisId = this.parentNode.id;
				thisId = thisId.split("-")[1];
				if ($.browser.msie && $.browser.version == 6) {
					detailZoom.style.background = 'url(../illustrations/enlargements/'+currentCard()+'-enlarge'+thisId+'.jpg)';
				}				
				detailZoom.className = 'enlarge-'+thisId;
				
				
				try
				{ 
					var newText = document.getElementById("infodetail-"+thisId).innerHTML;
                    document.getElementById('CardDetailInfo').innerHTML = newText;
                    var newDetail = document.getElementById("bulletdetail-"+thisId).innerHTML;
                    document.getElementById('CardBulletInfo').innerHTML = newDetail;
                }
                catch(err)
                {
                //Handle errors here
                }
			};
			
			detailHovers[i].getElementsByTagName("div")[0].onmouseout = function() {
				//document.getElementById("detail-"+detailInitIdIE).getElementsByTagName("div")[0].style.display = 'block';
				//if (detailInitId.split("-")[1] != this.parentNode.id.split("-")[1]) {
					this.parentNode.getElementsByTagName("div")[0].style.display = 'none';
					if ($.browser.msie && $.browser.version == 6) {	
						detailZoom.style.background = 'url(../illustrations/enlargements/'+currentCard()+'-enlarge'+detailInitIdIE+'.jpg)';
					}
					detailZoom.className = detailInitId;
					
				    
				//}
				try
				{
				    var newText = document.getElementById("infodetail-0").innerHTML;
                    document.getElementById('CardDetailInfo').innerHTML = newText;
                    var newDetail = document.getElementById("bulletdetail-0").innerHTML;
                    document.getElementById('CardBulletInfo').innerHTML = newDetail;
                }
                catch(err)
                {
                //Handle errors here
                }
			};
			
			detailHovers[i].getElementsByTagName("div")[0].onclick = function() {
				/* click action; read href */
				//var detailLink = this.parentNode.getElementsByTagName("a")[0].href;
				//window.location.href=detailLink;
			};
			
		}
	}
}

function scrollCard(direction) {
	// get files from directory
	var direction = direction;
	if (direction == "next") {
		actualCardNr < cards.length-1 ? actualCardNr++ : (actualCardNr = 0);		
	} else {
		actualCardNr > 0 ? actualCardNr-- : actualCardNr = cards.length-1;
	}
	$("#block-player img").attr({src: cards[actualCardNr]});
}

function attachCardNav() {

	// if cardplayer div is available:
	if ($("#block-player")) {
		$("#player-btn-prev a").click(function() {
			scrollCard("prev");
			return false;
		});
		$("#player-btn-next a").click(function() {
			scrollCard("next");
			return false;
		});
	}
}

function attachLogoAnmin() {
	$("#header h1").append('<div id="holder-anim"><div id="logo"></div></div>');	
	var flashvars = { homeURL: "home.html"};			// url Homepage
	var moviefile = "../media/header-logo.swf";			// path and filename of header logo animation
	var params = {  menu: "false", allowFullScreen: "true", wmode: "transparent" };					
	var attributes = {  id: "Videoclip",  name: "Videoclip"};
	swfobject.embedSWF(moviefile, "logo", "442", "113", "8.0.0", "",flashvars, params, attributes);
}

/* Bind Functions on Document Ready event */
$(document).ready(function() 
	{
		externalLinks();
		attachLogoAnmin();
		attachZoomAction();
		attachCardNav();
	}  
);