var GalleryItemSelectedIndex = 0;


var QLProds = null
var QLProdSelectedIndex = 0;
function GetQuickLook(id){
  
    StefaniBags.QuickLook.GetQuickLook(id,CallBackGetQuickLookSuccess, CallBackGetQuickLookFailure);    
}
function CallBackGetQuickLookSuccess(results){

}
function LoadQLProd(index){
    QLProdSelectedIndex = index;
    for(var p=0; p<QLProds.length; p++){
        if(p==index){
            setIdField(QLProds[p][0]);
        }
    }

    $get("ProdColors").innerHTML = GetColors();
}
function CallBackGetQuickLookFailure(err){
    alert(err.get_message());
}
function GetColors(){
    var rtrnHtml = "";
    for(var t=0; t<QLProds.length; t++){
        if(t==QLProdSelectedIndex){
            rtrnHtml += "<div style='border: solid 1px #B366AC; cursor: pointer; float:left'><div style='border: solid 1px #ffffff;'><div style='border: solid 1px #FFFFFF; background-color: "+QLProds[t][1][5][1]+";'><img src='/images/leading.gif' width='34' height='15' alt='' /></div></div></div>";
        }else{
            rtrnHtml += "<div style='border: solid 1px #ffffff; cursor: pointer; float:left' onmouseover='this.style.borderColor=\"#B366AC\";' onmouseout='this.style.borderColor=\"#ffffff\";'><div style='border: solid 1px #ffffff;'><div style='border: solid 1px #FFFFFF; background-color: "+QLProds[t][1][5][1]+";'><a href=\"javascript:LoadQLProd("+t+");\"><img src='/images/leading.gif' width='34' height='15' alt='' /></a></div></div></div>";
        }
    }
    return rtrnHtml;
}


function fullOpac(id){
    var curOpac;
    var object = document.getElementById(id).style; 
    if(object.opacity){curOpac=object.opacity; }
    else if(object.MozOpacity){curOpac=object.opacity; }
    else if(object.KhtmlOpacity){curOpac=object.opacity; }
    else if(document.getElementById(id).filter){curOpac=document.getElementById(id).filters.opacity/100;}
    if(curOpac == 1){return true}else{return false}
}



function SetImage(index){
    if(GalArray.length>0){
        
        changeOpac("ProdGalImage", 0);
      
	    for(var t=0; t<GalArray.length; t++){changeOpac('thm'+t, 100)}
	    
	    transOpac('thm'+index, 400, 100, 50);
	    transOpac("ProdGalImage", 1200, 0, 100);
		
	    GalleryItemSelectedIndex=index;
		
	    $get("MagImage").src=GalArray[index][0];
		$get("ProdGalImage").src=GalArray[index][1];
	}
}













function getY( oElement )
{
var oElement = document.getElementById('MouseArea');
var iReturnValue = 274;
while( oElement != null ) {
iReturnValue += oElement.offsetTop;
oElement = oElement.offsetParent;
}
return iReturnValue - GetScrollTop();
}



function getX()
{
var oElement = document.getElementById('MouseArea');
var iReturnValue = 264;
while( oElement != null ) {
iReturnValue += oElement.offsetLeft;
oElement = oElement.offsetParent;
}
return iReturnValue;
}



var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;

var dobj;


function GetScrollTop() {
	return GetFilterResults (
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}

function GetFilterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}



function MouseOverInit(){
    if($get('ProdGalImage').src.indexOf('imagenot')==-1){
        $get('MagImagearea').style.display='block';
        changeOpac('magnifyglass', 70);
    };
}


function MouseOutInit(){
    document.getElementById('MagImagearea').style.display='none';
    changeOpac('magnifyglass', 0);
}

function movemouse(e)
{
  if (isdrag)
  {
	var ratio =3;
	var newx = nn6 ? e.clientX - getX() : event.clientX - getX();
	var newy = nn6 ? e.clientY - getY() : event.clientY - getY();
    document.getElementById('ycord').innerHTML = getX() + "," + getY();
    var MagImage = document.getElementById("MagImage");
    if(newx>=-198 && newx<=0){
		dobj.style.left = newx + "px";
		MagImage.style.left = (newx*-ratio)-(198*ratio) +"px";
    }
    if(newy>=-218 && newy<=0){
		dobj.style.top  = newy + "px";
		MagImage.style.top  = (newy*-ratio)-(218*ratio) +"px";
    }
    
    if (!e) var e = window.event
	// handle event
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();


    return false;
  }
}



function selectmouse(e) 
{

  var fobj = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    document.onmousemove=movemouse;
    if (!e) var e = window.event
	// handle event
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
    return false;
  }
}


document.onmouseover=selectmouse;