/*
 * Tester Bench product.js
 */
var active; 

if (window.addEventListener){ //DOM method for binding an event
	window.addEventListener("load", onBodyLoad, false);
}else if (window.attachEvent){ //IE exclusive method for binding an event
	window.attachEvent("onload", onBodyLoad);
}else if (document.getElementById) //support older modern browsers
{
	window.onload=onBodyLoad ;
}

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

function attachEs(iid){
 	attachE(iid,"click", mClick);
 	attachE(iid,"mouseover", mMouseOver);
 	attachE(iid,"mouseout", mRestore);
}

function attachE(iid,evt,func){
   var el = document.getElementById(iid); 
//	alert(iid);
   if(window.addEventListener){ // Mozilla, Netscape, Firefox
		el.addEventListener(evt, func, false);
	} else { // IE
		el.attachEvent('on'+evt, func);
	}
}

function onBodyLoad(){
var _page = "" ; 
_page = $.getUrlVar('page');
if( _page != undefined ){
//	alert(_page);
};

//	if( _page=="demo") {
//		getContent("demonstration") ;
//	}

 	attachEs("index");
 	attachEs("documentation");
	attachEs("download");
 	attachEs("support");
 	attachEs("demo");
	
	preSelect();
	
}

function preSelect(){
	var el ;
	var thisPage;
	thisPage = window.location.href ;
//	alert(thisPage);
	var indexPage=/index\.html/gi;
	var documentationPage=/-documentation\.html/gi;
	var downloadPage=/-download\.html/gi;
	var supportPage=/-support\.html/gi;
	var demoPage=/-demo\.html/gi;
	var demonPage=/demonstration\.html/gi;
	
	if(thisPage.match(indexPage)){
			el = $("#index")[0] ;
		} else if (thisPage.match(documentationPage)){
			el = $("#documentation")[0] ;
		} else if (thisPage.match(downloadPage)){
			el = $("#download")[0] ;
		} else if (thisPage.match(supportPage)){
			el = $("#support")[0] ;
		} else if (thisPage.match(demoPage)){
			el = $("#demo")[0] ;
		} else if (thisPage.match(demonPage)){
			initDemo() ;
		}		

//	el.myClass="mActive" ;
	if(el) {
		el.className="mActive";
		active = el;
	}
	
 }
 
function mMouseOver(evt){
	var el;
	var ie_var = "srcElement";
	var moz_var = "target";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? el = evt[moz_var] : el = evt[ie_var];
	el.myClass=el.className ;
	el.myClass=="mActive" ? el.className="mOverA" : el.className="mOverI" ;
}

function getContent(page){

var pagename = "jdoji-" ;

if( page=="index" ){
	pagename = "index.html" ;
}else if ( page=="demonstration"){

	pagename = "demonstration.html" ;

	}else{
	pagename = pagename + page + ".html" ;
}
//	alert(pagename);
	window.open (pagename, '_self') ;
}

function initDemo(){

			$("#button").click(function() {
			$('#effect').toggleClass('toClass', 1000);
			return false;
		});
}

function mClick(evt){
	var el;
	var ie_var = "srcElement";
	var moz_var = "target";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? el = evt[moz_var] : el = evt[ie_var];
	
	if(active){
		active.className="mItem";
	}
	el.myClass="mActive" ;
	el.className="mActive";
	active=el;
 //	getContent(el.id);
}

function mRestore(evt){
	var el;
	var ie_var = "srcElement";
	var moz_var = "target";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? el = evt[moz_var] : el = evt[ie_var];
	el.className = el.myClass ;
}

function initSlider(){

$( "#slider" ).bind( "slidestop", function(event, ui) {
  $( "#sliderValue" ).html($( "#slider" ).slider("value"));
});

}