// JavaScript Document
function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}
function changeBorder(){
	_pager=0;
	var thumbCont = document.getElementById("thumbContainer");
	var thumbs = thumbCont.getElementsByTagName('img');
	var shopNavigation=getElementsByClassName(document,'div','shopNavigation')[0];
	var backBtn=shopNavigation.getElementsByTagName('img')[0];
	var nextBtn=shopNavigation.getElementsByTagName('img')[1];
	attachEventListener(nextBtn, "mousedown", scrollNext, false);
	attachEventListener(backBtn, "mousedown", scrollBack, false);
	for (var i=0;i<thumbs.length;i++){
		attachEventListener(thumbs[i], "mouseover", newBorder, false);
		attachEventListener(thumbs[i], "mouseout", animeoff, false);
	}
	return true;
};
function scrollNext(eventType){
	_columnCount=getElementsByClassName(document,'div','column').length;
	_thumbsDiv=getElementsByClassName(document,'div','thumbs')[0];
	if(_pager<(_columnCount-2)){
		var thumbsAnim=new Animator({transition: Animator.makeEaseOut(1),duration: 500});
		thumbsAnim.addSubject(new NumericalStyleSubject(_thumbsDiv, 'left', _pager*108*(-1), (-1*(_pager+1)*108)));
		thumbsAnim.seekTo(1);
		_pager=_pager+1;
	}
}
function scrollBack(eventType){
	_thumbsDiv=getElementsByClassName(document,'div','thumbs')[0];
	if(_pager>0){
		var thumbsAnim=new Animator({transition: Animator.makeEaseOut(1),duration: 500});
		thumbsAnim.addSubject(new NumericalStyleSubject(_thumbsDiv, 'left', _pager*108*(-1), (-1*(_pager-1)*108)));
		thumbsAnim.seekTo(1);
		_pager=_pager-1;
	}
}
function newBorder(eventType){
	document.getElementById('shoppingInfoPopup').style.display='none';
	if(typeof eventType.srcElement!="undefined"){
		var thumb=eventType.srcElement;
	}else{
		var thumb=this;
	}
	var thumbCont = document.getElementById("thumbContainer");
	thumbs = thumbCont.getElementsByTagName('img');
	for(var i=0; i<thumbs.length; i++){
		if(thumb==thumbs[i]){
			animeborder(thumb);
		}
	}
}
function animeborder(srcEl){
	for(var i=0; i<thumbs.length; i++){
		if(srcEl==thumbs[i]){
			var index=i;
		}
	}
	if(index>((_pager*8)+7)){
		var infoRight=getElementsByClassName(document,'div','infoRight')[0];
		var infos=getElementsByClassName(infoRight,'div','cont');
		var infoWidth=-1*(infos[index].offsetWidth-2);
		infoAnim=new Animator({transition: Animator.makeEaseOut(1),duration: 500});
		infoAnim.addSubject(new NumericalStyleSubject(infos[index], 'opacity', 0, 0.7));
		infoAnim.addSubject(new NumericalStyleSubject(infos[index], 'left', infoWidth, 0));
	}else{
		var infoLeft=getElementsByClassName(document,'div','infoLeft')[0];
		var infos=getElementsByClassName(infoLeft,'div','cont');
		var infoWidth=-1*(infos[index].offsetWidth-2);
		infoAnim=new Animator({transition: Animator.makeEaseOut(1),duration: 500});
		infoAnim.addSubject(new NumericalStyleSubject(infos[index], 'opacity', 0, 0.7));
		infoAnim.addSubject(new NumericalStyleSubject(infos[index], 'right', infoWidth, 0));
	}
	
	srcElanim=new Animator({transition: Animator.makeEaseOut(1),duration: 500});
	srcElanim.addSubject(new ColorStyleSubject(srcEl, 'border-color', "#000000", "#37584F"));
	animeon();
}
function animeon(){
	srcElanim.seekTo(1);
	infoAnim.seekTo(1);
}
function animeoff(){
	if(window.thumbs){
		srcElanim.seekTo(0);
		infoAnim.seekTo(0);
	}
}
function openPopup(alink,width,height,table,id,srcEl){
	document.getElementById('shoppingInfoPopup').style.display='none';
	var thumbCont = document.getElementById("thumbContainer");
	var links = thumbCont.getElementsByTagName('a');
	for(var i=0; i<links.length; i++){
		if(srcEl==links[i]){
			var index=i;
		}
	}
	var topInfoLeft=document.getElementById('shopInfo');
	var topInfoRight=document.getElementById('priceLabel');
	var topInfo=getElementsByClassName(document,'div','topInfo')[0];
	var infoLeft=getElementsByClassName(document,'div','infoLeft')[0];
	var infos=getElementsByClassName(infoLeft,'div','cont');
	var nazovcz='';
	var nazoven='';
	if(getElementsByClassName(infos[index],'span','nazovczspan')[0].firstChild!=null){
		var nazovcz=getElementsByClassName(infos[index],'span','nazovczspan')[0].firstChild.nodeValue;
	}
	if(getElementsByClassName(infos[index],'span','nazovenspan')[0].firstChild!=null){
		var nazoven=getElementsByClassName(infos[index],'span','nazovenspan')[0].firstChild.nodeValue;
	}
	if(getElementsByClassName(infos[index],'span','rozmerspan')[0].firstChild!=null){
		var rozmer=getElementsByClassName(infos[index],'span','rozmerspan')[0].firstChild.nodeValue;
		var rozmerinch=getElementsByClassName(infos[index],'span','rozmerinchspan')[0].firstChild.nodeValue;
	}
	if(getElementsByClassName(infos[index],'strong','technika')[0].firstChild!=null){
		var technika=getElementsByClassName(infos[index],'strong','technika')[0].firstChild.nodeValue;
	}
	var cena=getElementsByClassName(infos[index],'strong','cena')[0].firstChild.nodeValue;
	var nazov = nazovcz + nazoven;
	topInfoLeft.innerHTML='<span>'+nazov+'</span>';
	topInfoLeft.innerHTML+='<span>'+rozmer+' | '+rozmerinch+'</span>';
	topInfoLeft.innerHTML+='<span>'+technika+'</span>';
	topInfoRight.innerHTML='<span style="float:left; position:relative; top:10px">'+cena+'</span>';
	document.addCart.amount.value=cena.substring(1);
	document.addCart.item_number.value=id;
	document.addCart.item_name.value=nazov;
	
	overlay=document.getElementById('darkover');
	shopPopup=document.getElementById('shopPopup');
	largeImage=document.getElementById('largeImage');
	shopPopup.style.width=width+2+'px';
	shopPopup.style.marginLeft=-1*((width/2)+1)+'px';
	largeImage.style.height=height+'px';
	largeImage.innerHTML='<img src="'+alink+'" alt="" />';
	overlay.style.display='block';
	shopPopup.style.display='block';
	attachEventListener(overlay, "mousedown", closePopup, false);
	
}
function closePopup(){
	overlay.style.display='none';
	shopPopup.style.display='none';
}
addLoadListener(changeBorder);