function showTab(show){
	var infos=["Info", "Specs", "Welike"];
	for (var prop in infos) {
		var target = $("li" + infos[prop]);
		if (target !== null) {
			$("div" + infos[prop]).setStyle("display", "none");
			$("li" + infos[prop]).className = 'arrowNonActive';
			$("a" + infos[prop]).className = '';
		}
	}
	if($("div" + show)){
		$("div" + show).setStyle("display", "block");
		$("li" + show).className = 'arrowActive';
		$("a" + show).className = 'active';
	}
}

function popup(arg, w, h)
{
	var x=(screen.width-w)/2;
	var y=(screen.height-h)/2;
	window.open(arg,'popup','width='+w+',height='+h+',top='+y+',left='+x+',scrollbars=yes,location=no,toolbar=no');
}

var selectedColour=0;
var selectedSize=0;
var selectedColourName='';
var selectedImageId='';
var selectedPrice=0;
function selectColour(colourIndex)
{
	fadeBlock('FamilyUpload', 0.01, '');

	selectedColour=colourIndex;
	selectedColourName=colours[colourIndex][1];
	$('divColour').set('html', selectedColourName);

	changeImage('Colour', colours[colourIndex][0]);
	changeSizes(colourIndex);

}
function fadeImage(id, value){
	if(typeof $(id).fx=='undefined')
		$(id).fx = new Fx.Morph($(id), {
			duration: 200,
			wait: false,
			onComplete: function(){
				if($(id).getStyle('opacity')<0.5)
					$(id).setStyle('display', 'none'); 
			}
		});
	if($(id).getStyle('display')=='none' && value==1)
		$(id).setStyle('display', 'block');
	$(id).fx.start({
		'opacity': [$(id).getStyle('opacity'), value]
	});
}

function changeImage(type, id)
{
	fadeBlock('FamilyUpload', 0.01, '');

	if(selectedImageId!=type+id){
		if(selectedImageId!=''){
			fadeImage('img'+selectedImageId, 0.1);
			if ($('a'+selectedImageId).className == 'colorBoxAsel') 
				$('a'+selectedImageId).className = 'colorBoxA';
			if ($('a'+selectedImageId).className == 'galleryBoxAsel') 
				$('a'+selectedImageId).className = 'galleryBoxA';
		}
		selectedImageId=type+id;
		fadeImage('img'+selectedImageId, 1);
		if ($('a'+selectedImageId).className == 'colorBoxA') 
			$('a'+selectedImageId).className = 'colorBoxAsel';
		if ($('a'+selectedImageId).className == 'galleryBoxA') 
			$('a'+selectedImageId).className = 'galleryBoxAsel';
	}
}
function changeSizes(id)
{
	selectedColour=id;
	$('divSize').setStyle('display', 'block');
	var divs = $$('#selectSize option');
	divs.each(function(item){
		item.destroy();
	});
	for (var i = 0; i < colours[id][4].length; i++) {
		var nel = new Element('option', {
			value: colours[id][4][i][0],
			html: colours[id][4][i][1] + (colours[id][4][i][2] > 0 ? ' + &#8364;' + colours[id][4][i][2].toFixed(2).split(".").join(",") : '')
		}).injectInside($('selectSize'));
		if(selectSizeOnOpen==i){
			nel.set('selected', 'selected');
			if(document.getElementById("select" + $('selectSize').name))
				document.getElementById("select" + $('selectSize').name).childNodes[0].nodeValue = nel.childNodes[0].nodeValue;
		}
	}
	if(colours[id][4].length < 2 && colours[id][4][0][1] == 'main')
		$('divSize').setStyle('display', 'none');
	selectSize(selectSizeOnOpen);
	selectSizeOnOpen=0;
}
function selectSize(sizeID)
{
	var id=colours[selectedColour][4][sizeID][0];
	var req = new Request({
		method: 'get',
		url: '/user/js.getStock.php?id='+id,
		onComplete: function(response) { 
			//alert(response);
			var temp=response.split("|");
			selectSizeWithStock(sizeID, temp[0], temp[1]);
		}
	}).send();
}
function selectSizeWithStock(sizeID, stock, info){
	//alert(stock+" "+info);
	selectedSize=sizeID;
	if(pricesale>0){
		selectedPrice=price+colours[selectedColour][3]+colours[selectedColour][4][sizeID][2];
		selectedPricesale=pricesale+colours[selectedColour][3]+colours[selectedColour][4][sizeID][2];
		$('spanPrice').set('html', "<span style='text-decoration:line-through;'>"+selectedPrice.toFixed(2).split(".").join(",")+"</span> - <span style='color:#ff1c57;'>"+selectedPricesale.toFixed(2).split(".").join(",")+"</span>");
	}
	else{
		selectedPrice=price+colours[selectedColour][3]+colours[selectedColour][4][sizeID][2];
		$('spanPrice').set('html', selectedPrice.toFixed(2).split(".").join(","));
	}
	if (/*colours[selectedColour][4][sizeID][4]*/ info == '') 
		$('divAvail').setStyle('display', 'none');
	else {
		$('divAvail').setStyle('display', 'block');
		$('spanAvail').set('html', /*colours[selectedColour][4][sizeID][4]*/ info);
		if(/*colours[selectedColour][4][sizeID][3]*/ stock==0){
			$('spanInformStock').setStyle('display', 'block');
		}
		else
			$('spanInformStock').setStyle('display', 'none');
	}
	if($('blockInformStock').getStyle('display')=='block')
		fadeBlock('InformStock', 0.01, '');
}
window.addEvent('domready', function(){

	$$('.hidden').each(function(el){
		$(el).setStyle('opacity', 0.01);
		$(el).setStyle('display', 'none');
	});
	$('gallery_loader').fx = new Fx.Morph($('gallery_loader'), {
		duration: 200,
		wait: false
	});

	$("blockBasket").setStyle('opacity', 0.01);
	$("blockBasketClose").setStyle('opacity', 0.01);
	$("blockFavorite").setStyle('opacity', 0.01);
	$("blockFavoriteClose").setStyle('opacity', 0.01);
	showTab("Info");
	
	$$('.colorBoxA').each(function(item){
		item.addEvents({
			'mouseenter': function(){
				$('divColour').set('html', item.get('rel'));
			},
			'mouseleave': function(){
				$('divColour').set('html', selectedColourName);
			}
		})
	});

	selectColour(selectColourOnOpen);
	if(typeof selectImageOnOpen!='undefined')
		changeImage('Colour', selectImageOnOpen);


});









var GETDATA = new Array();

// Get the string that follows the "?" in the window's location.
var sGet = window.location.search;
if (sGet) // if has a value...
{
    // Drop the leading "?"
    sGet = sGet.substr(1);
    
    // Generate a string array of the name value pairs.
    // Each array element will have the form "foo=bar"
    var sNVPairs = sGet.split("&");
    
    // Now, for each name-value pair, we need to extract
    // the name and value.
    for (var i = 0; i < sNVPairs.length; i++)
    {
        // So, sNVPairs[i] contains the current element...
        // Split it at the equals sign.
        var sNV = sNVPairs[i].split("=");
        
        // Assign the pair to the GETDATA array.
        var sName = sNV[0];
        var sValue = sNV[1];
        GETDATA[sName] = sValue;
    }
}