var nameForCatCookie = "catCookie";
var showProductDetailBigImg = 0;
var allBigImgDivs;
var j;
var currentHeight;

// window.onload = function() {
$(document).ready(function(){
	if (document.cookie) {
	// 	alert(document.cookie);
		var cookieSavedChoice = readCookie(nameForCatCookie);
		switch (cookieSavedChoice) {
			case "showCats":
				showCats();
				break;
			case "showBrands":
				showBrands();
				break;
			case null:
				showCats();
				break;
			default:
				showCats();
				break;
		}
	}
	replaceSmallImagesLinks();
});
// }

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') {
			c = c.substring(1,c.length);
		}
		if (c.indexOf(nameEQ) == 0) {
			return c.substring(nameEQ.length,c.length);
		}
	}
	return null;
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	} 
	else expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function showCats() {

	var contentBrandsOn	= document.getElementById("right-list-brandbox");
	var contentCatsOff	= document.getElementById("right-list-catbox_off");

	if(contentBrandsOn != null) {
		contentBrandsOn.id = "right-list-brandbox_off";
	}
	if(contentCatsOff != null) {
		contentCatsOff.id = "right-list-catbox";
	}
	createCookie(nameForCatCookie,"showCats",7);
}

function showBrands() {

	var contentBrandsOff	= document.getElementById("right-list-brandbox_off");
	var contentCatsOn	= document.getElementById("right-list-catbox");

	if(contentCatsOn != null) {
		contentCatsOn.id = "right-list-catbox_off";
	}
	if(contentBrandsOff != null) {
		contentBrandsOff.id = "right-list-brandbox";
	}
	createCookie(nameForCatCookie,"showBrands",7);
}


function getElementsByStyleClass (specClassName, specTagName) {
	if(specTagName == '') {
		specTagName = '*';
	}
	var allFoundTags = document.getElementsByTagName(specTagName);

	var foundElements = new Array();
	var iCounter = 0;
	for (var e = 0; e < allFoundTags.length; e++) {
// 		if (allFoundTags[e].className.indexOf(specClassName) == -1) {
		if (allFoundTags[e].className.match(specClassName) != null) {
			foundElements[iCounter] = allFoundTags[e];
			iCounter++;
		}
	}
		
	return foundElements;
}

function replaceSmallImagesLinks() {
	var allSmallImagesLinks = getElementsByStyleClass('img-product-detail-floater', 'span');
	var allNamedLinks = new Array();

	if(allSmallImagesLinks.length > 1) {
		for (var i = 0; i < allSmallImagesLinks.length; i++) {
			allSmallImagesLinks[i].childNodes[0].setAttribute('class', 'small-img-link');
			allNamedLinks[i] = allSmallImagesLinks[i].childNodes[0];
		}
		
		allBigImgDivs = getElementsByStyleClass('product-detail-bigimg', 'div');

		if(getIEstatus() == true) {
			for (j = 0; j < allNamedLinks.length; j++) {
				currentHeight = allBigImgDivs[j].childNodes[0].childNodes[0].style.height.replace(/px/g,'');
				allNamedLinks[j].setAttribute('j', j);
				allNamedLinks[j].setAttribute('currentHeight', currentHeight);
				allNamedLinks[j].setAttribute('onclick', function () { changeTheBigImg(this.j, this.currentHeight); return false; });
			}
		} else {
			for (j = 0; j < allNamedLinks.length; j++) {
				currentHeight = allBigImgDivs[j].childNodes[0].childNodes[0].height;
				allNamedLinks[j].setAttribute('onclick', 'changeTheBigImg(' + this.j + ', ' + this.currentHeight + '); return false;');
			}
		}
	
	} else if (allSmallImagesLinks.length == 1) {
		allSmallImagesLinks[0].childNodes[0].setAttribute('id', 'small-img-link');
		$('#small-img-link').hide(1);
	}
	return false;
}

function changeTheBigImg(newBigImageIndex, newHeight) {
	
	allBigImgDivs[showProductDetailBigImg].setAttribute('id', 'current-big-product-detail-img');
	allBigImgDivs[newBigImageIndex].setAttribute('id', 'new-big-product-detail-img');

	$('#current-big-product-detail-img').fadeOut('fast');
	$('#big-product-detail-image').animate({ height: newHeight+'px' }, 'normal' );
	$('#new-big-product-detail-img').fadeIn('slow');

	// queue?
	
	allBigImgDivs[showProductDetailBigImg].removeAttribute('id');
	allBigImgDivs[newBigImageIndex].removeAttribute('id');
	showProductDetailBigImg = newBigImageIndex;
	
	return false;
}

function getIEstatus() {

	var iestatus = false;

	if (self.innerHeight) // all except Explorer
	{
		iestatus = false;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		iestatus = true;
	}
	else if (document.body) // other Explorers
	{
		iestatus = true;
	}
	
	return iestatus;
}
