﻿var trans = false;
window.onload = load;

function load()
{
    fullload();
    searchBy('');
    try{frontload('start');} catch(e){}
}

function fullload()
{
    var overlay = document.getElementById("overlay");
    var container = document.getElementById("pagecon");
    var dims = getDimensions(container);
    var docHeight = dims.height;
    overlay.style.height=docHeight+"px";
    try {showOther(document.getElementById('title').value)} catch(e) {}
}

function showImage(pcode,pcol,img,status)
{
    fullload();
    var container = document.getElementById("fullscreen_container");
    var image_main = document.getElementById("info_image_main");
    var overlay = document.getElementById("overlay");
    
    
    var xmlHttp=null;

    if (pcode.length==0)
      { 
      container.innerHTML="";
      return;
      }
    try
      {
      xmlHttp=new XMLHttpRequest();
      }
    catch(e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch(e)
        {
        alert ("Your browser does not support XMLHTTP!");
        return;  
        }
      }
    var url="/fullscreen.asp";
    url=url+"?pcode=" + pcode;
    url=url+"&pcol=" + pcol;
    url=url+"&img=" + img;
    url=url+"&status=" + status;
    //alert(URL);
    xmlHttp.open("GET",url,false);
    xmlHttp.send(null);
    container.innerHTML=xmlHttp.responseText;
    
    if (!status) {
        blind(container,0,700,true,25,20);
        opacity(overlay,0,60,1,300);
    } else {
        var fullscreen_image_div = document.getElementById("fullscreen_image_div");
        opacity(fullscreen_image_div,0,100,1,100);
    }
}

function hideImage()
{
    var overlay = document.getElementById("overlay");
    var container = document.getElementById("fullscreen_container");
    blind(container,700,0,true,20,20);
    opacity(overlay,60,0,1,150);
}

function clearDefault(el) 
{
    if (el.defaultValue==el.value) el.value = "";
}

function searchBy(id)
{
    var level2div = document.getElementById("menu_level2");
    var level3div = document.getElementById("menu_level3");
    var level2link = document.getElementById("sort_level2");
    var level3link = document.getElementById("sort_level3");
    
    if(id == '' || id == 'undefined')
    {
        id = readCookie('searchby')
    }
    
    if(id =="3")
    {
        try{
            level2div.style.display="none";
            level3div.style.display="block";
            level2link.className="sort_type";
            level3link.className="sort_pattern_on";
            createCookie('searchby','3',30);
        } catch(e){}
    }
    else
    {
        try{
            level2div.style.display="block";
            level3div.style.display="none";
            level2link.className="sort_type_on";
            level3link.className="sort_pattern";
            createCookie('searchby','2',30);
        } catch(e){}
    }
}

function showOther(str)
{
    c = document.getElementById("title_other");
    if(str =="Other")
    {
        c.style.display="block";
    }
    else
    {
        c.style.display="none";
    }
}

function bskremove(product)
{
    document.getElementById(product).checked=true;
    document.basket.submit();
}

function wishremove(product)
{
    document.getElementById(product).checked=true;
    document.wishlist.submit();
}

function setScroll(id,dir,increment) {
	var scrolldiv = document.getElementById(id);
    var dims = getDimensions(scrolldiv);
    var height = dims.height;
    var cheight = dims.cheight;
    var minpos = 0;
    var maxpos = height - cheight;
    var currpos = scrolldiv.scrollTop;
    
    if(dir == 'down') {
        if(currpos >= maxpos) {
            scrolldiv.scrollTop = maxpos;
            clearInterval(scroller);
        } else {
            scrolldiv.scrollTop = (currpos + increment);
        }
    } else {
        if(currpos <= minpos) {
            scrolldiv.scrollTop = minpos;
            clearInterval(scroller);
        } else {
            scrolldiv.scrollTop = (currpos - increment);
        }
	}
}

function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }    
    return [curleft,curtop];
}

function opacity(element,opacStart,opacEnd,block,millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;

	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("setOpacity(" + i + ",'" + element.id + "'," + block + ")",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("setOpacity(" + i + ",'" + element.id + "'," + block + ")",(timer * speed));
			timer++;
		}
	}
}

function blind(element,intStart,intEnd,block,increment,speed) {
	var timer = 0;
	if(intStart > intEnd) {
		for(i = intStart; i >= intEnd; i=i-increment) {
			setTimeout("setHeight(" + i + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
			timer++;
		}
		setTimeout("setHeight(" + intEnd + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
	} else if(intStart < intEnd) {
		for(i = intStart; i <= intEnd; i=i+increment) {
			setTimeout("setHeight(" + i + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
			timer++;
		}
		setTimeout("setHeight(" + intEnd + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
		
	}
	//alert("start"+intStart+" end:"+intEnd);
}

function slide(element,intStart,intEnd,block,increment,speed) {
	var timer = 0;
	if(intStart > intEnd) {
		for(i = intStart; i >= intEnd; i=i-increment) {
			setTimeout("setWidth(" + i + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
			timer++;
		}
		setTimeout("setWidth(" + intEnd + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
	} else if(intStart < intEnd) {
		for(i = intStart; i <= intEnd; i=i+increment) {
			setTimeout("setWidth(" + i + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
			timer++;
		}
		setTimeout("setWidth(" + intEnd + ",'" + element.id + "'," + block + ")",Math.round(timer * speed));
		
	}
	//alert("start"+intStart+" end:"+intEnd);
}

function setOpacity(opacity,id,block) {
	var element = document.getElementById(id).style;
	element.opacity = (opacity / 100);
	element.MozOpacity = (opacity / 100);
	element.KhtmlOpacity = (opacity / 100);
	element.filter = "alpha(opacity=" + opacity + ")";
	element.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity + ')';
	if(block) {
	    if(opacity == 0) {
	        element.display="none"; 
	    } else {
	        element.display="block"; 
	    }
	}
}

function setHeight(height,id,block) {
	var element = document.getElementById(id).style;
	element.height = height+"px";

    if(block) {
	    if(height == 0) {
	        element.display="none"; 
	    } else {
	        element.display="block"; 
	    }
	}
}

function setWidth(width,id,block) {
	var element = document.getElementById(id).style;
	element.width = width+"px";

    if(block) {
	    if(width == 0) {
	        element.display="none"; 
	    } else {
	        element.display="block"; 
	    }
	}
}

function getDimensions(element) {
    var display = getStyle(element,'display');
    if (display != 'none' && display != null) 
        return {width: element.scrollWidth, height: element.scrollHeight, cwidth: element.offsetWidth, cheight: element.offsetHeight};

    var originalVisibility = element.style.visibility;
    var originalPosition = element.style.position;
    var originalDisplay = element.style.display;
    element.style.visibility = 'hidden';
    element.style.position = 'absolute';
    element.style.display = 'block';
    var contentWidth = element.scrollWidth;
    var contentHeight = element.scrollHeight;
    var currWidth = element.offsetWidth;
    var currHeight = element.offsetHeight;
    element.style.display = originalDisplay;
    element.style.position = originalPosition;
    element.style.visibility = originalVisibility;
    return {width: contentWidth, height: contentHeight, cwidth: currWidth, cheight: currHeight};
}
  
function getStyle(element,elementStyle)
{
	if (element.currentStyle)
		var status = element.currentStyle[elementStyle];
	else if (window.getComputedStyle)
		var status = document.defaultView.getComputedStyle(element,null).getPropertyValue(elementStyle);
	return status;
}

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 var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

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;
}