var openPicture ="/shop/images/common/showElementContent.gif";
var closePicture ="/shop/images/common/hideElementContent.gif";
var displayClass = "displayed";
var hiddenClass = "hidden";
var hiddenCookieName = "displayedDivs";
var dispayedCookieName = "hiddenDivs";
var cookieDomain = null;
var cookiePath = "/shop";

function initHidden() {
	var allDivs = document.getElementsByTagName('div');
 	for (i=0; i < allDivs.length; i++) {
 		var tag = allDivs[i];
 		if(tag.className == displayClass || tag.className == hiddenClass){
 			retriveClass(tag);
 		}
	}
}
function showHide(elementId, me) {
	var d = document.getElementById(elementId);
	showHideClass(elementId, d);
	if (me!=undefined) {
    	if (me.src == closePicture){
        	me.src = openPicture; }
      	else {
        	me.src = closePicture;
      	}
	}
}
function hideShow(elementId, me) {
	var d = document.getElementById(elementId);
	hideShowClass(elementId, d);
	if (me!=undefined) {
    	if (me.src == closePicture){
        	me.src = openPicture; }
      	else {
        	me.src = closePicture;
      	}
	}
}
function showHideClass(elementId, tag) {
	if (tag.className==displayClass){
    	tag.className=hiddenClass;
	} 
	else {
    	tag.className=displayClass;
	}
	rememberClass(tag);
}
function hideShowClass(elementId, tag) {
	if (tag.className==displayClass){
    	tag.className=hiddenClass;
	} 
	else {
    	tag.className=displayClass;
	}
	rememberDisplayClass(tag);
}
function rememberClass(tag) {
	var cookie = getCookie(hiddenCookieName);
	if(cookie == null){
		setCookie(hiddenCookieName,"start;",null,cookiePath,cookieDomain);
		cookie = getCookie(hiddenCookieName);
	}
	if (tag.className == displayClass){
		var index = cookie.indexOf(tag.id+"_true");
		if(index < 0){
			cookie = cookie+(tag.id+"_true;");
		}
		setCookie(hiddenCookieName,cookie,null,cookiePath,cookieDomain);
	} 
	else {
    	var index = cookie.indexOf(tag.id+"_true");
		if(index > -1){
			var idLength = (tag.id+"_true;").length;
			var first = cookie.substring(0, index);
			var last = cookie.substring(index+idLength, cookie.length);
			cookie = first+last;
		}
		setCookie(hiddenCookieName,cookie,null,cookiePath,cookieDomain);
	}
}
function rememberDisplayClass(tag) {
	var cookie = getCookie(dispayedCookieName);
	if(cookie == null){
		setCookie(dispayedCookieName,"start;",null,cookiePath,cookieDomain);
		cookie = getCookie(dispayedCookieName);
	}
	if (tag.className == hiddenClass){
		var index = cookie.indexOf(tag.id+"_true");
		if(index < 0){
			cookie = cookie+(tag.id+"_true;");
		}
		setCookie(dispayedCookieName,cookie,null,cookiePath,cookieDomain);
	} 
	else {
    	var index = cookie.indexOf(tag.id+"_true");
		if(index > -1){
			var idLength = (tag.id+"_true;").length;
			var first = cookie.substring(0, index);
			var last = cookie.substring(index+idLength, cookie.length);
			cookie = first+last;
		}
		setCookie(dispayedCookieName,cookie,null,cookiePath,cookieDomain);
	}
}
function retriveClass(tag) {
	var cookie = getCookie(hiddenCookieName);
	if(cookie == null){
		setCookie(hiddenCookieName,"start;",null,cookiePath,cookieDomain);
		cookie = getCookie(hiddenCookieName);
	}
	var index = cookie.indexOf(tag.id+"_true");
	if(index > -1){
		tag.className=displayClass;
	}
	cookie = getCookie(dispayedCookieName);
	if(cookie == null){
		setCookie(dispayedCookieName,"start;",null,cookiePath,cookieDomain);
		cookie = getCookie(dispayedCookieName);
	}
	index = cookie.indexOf(tag.id+"_true");
	if(index > -1){
		tag.className=hiddenClass;
	}
}
