// color-picker
//uses the jQuery library version 1.2.1

var model = "";
var color = 0;
var model_name = "";
var model_link = "";

var prefix = "images/products/thumbs/";
var postfix = new Array('TB', 'TW', 'ZO','ZG', 'ZP','ZN');

function setModel(m){model=m;}
function setColor(c){color=c;}
function setName(n){model_name=n;}
function setLink(l){model_link=l;}

function getModel(){return model;}
function getColor(){return color;}
function getName(){return model_name;}
function getLink(){return model_link;}

function create_src(m,c){
	if(c<0 || c>5) c=0;
	return prefix+m+postfix[c];
}
function create_link_global(){return getLink()+"&col="+postfix[getColor()];}
function create_src_global(){return prefix+getModel()+postfix[getColor()]+".jpg";}
function cp_setimage_global(){$("#cp-mainimg").attr('src', create_src_global());}


function cp_show(){$("#cp").css('visibility', 'visible'); }
function cp_hide(){$("#cp").css('visibility', 'hidden');  }
function cp_pos(x,y){$("#cp").css('left',x).css('top',y); }
$(document).ready(function(){
	var links = $("#leftbar > div > div > a.leftbar-links-text-reg");
	links.hover(
      function () {
		var x = $(this).offset().left+$(this).width()+11;
		var y = $(this).offset().top-20;
		var id = $(this).attr('id');
		var lnk = this.href;
		var n = $(this).text;
		setModel(id);
		setName(n);
		setColor(0);
		setLink(lnk);
		cp_setimage_global();
		cp_pos(x,y);
		cp_show();
      },function(){}
    );
	
	$("#cp-c1").mouseover(function(){setColor(0);cp_setimage_global();});
	$("#cp-c2").mouseover(function(){setColor(1);cp_setimage_global();});
	$("#cp-c3").mouseover(function(){setColor(2);cp_setimage_global();});		
	$("#cp-c4").mouseover(function(){setColor(3);cp_setimage_global();});
	$("#cp-c5").mouseover(function(){setColor(4);cp_setimage_global();});
	$("#cp-c6").mouseover(function(){setColor(5);cp_setimage_global();});
	
	$("#cp-c1").click(function(){window.location.href=create_link_global();});
	$("#cp-c2").click(function(){window.location.href=create_link_global();});
	$("#cp-c3").click(function(){window.location.href=create_link_global();});		
	$("#cp-c4").click(function(){window.location.href=create_link_global();});
	$("#cp-c5").click(function(){window.location.href=create_link_global();});
	$("#cp-c6").click(function(){window.location.href=create_link_global();});
	
	$("#cp").hover(cp_show, cp_hide);
	$("#leftbar").hover(function(){}, cp_hide);
	$("#leftbar > div > div > a.leftbar-links-text-super").hover(cp_hide, cp_hide);
});