// JavaScript Document
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

var MouseOverCalled = 0;
var MyBagTimer=0;

// open hidden layer
function mopen(id) {

	// cancel close timer
	mcancelclosetime();
    
	// close old layer
	//if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenuitem) {
	    if (ddmenuitem.attr('id')!=id)
	        ddmenuitem.hide(200);
	}

	// get new layer and show it
	//ddmenuitem = document.getElementById(id);
   
	ddmenuitem = $("#" + id);
	//ddmenuitem.style.visibility = 'visible';
	if(ddmenuitem) ddmenuitem.show(200);
	if (id == "m4")
		closetimer = setTimeout(mclose, 5000);
    else
        $("#m4").hide(200);
        
        MouseOverCalled=0;
}

// close showed layer
function mclose() {

    if(MouseOverCalled) return;
	
	//if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenuitem) {
		//my_obj = $("#" + ddmenuitem.getAttribute("id")) ;
		ddmenuitem.hide(200);
	}
}

// go close timer
function mclosetime(){
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
    
    
//Show my bag div when Item added to cart...
$(document).ready(function (){
    $('#my_bag').mouseover(function(){StartShowcartDiv();});
    $('#my_bag').mouseout(function(){MouseOverCalled=0; MyBagTimer=setTimeout(closecartDiv, 5000);});
    
	$('#m4').mouseover(function(){StartShowcartDiv();});
	$('#m4').mouseout(function(){MouseOverCalled=0; MyBagTimer=setTimeout(closecartDiv, 5000);});
	
    if(readCookie('showcart') == '1') {
		setTimeout(setShowCart, 2000);
		mopen('m4');
    }
});

//Set ShowCart...
function setShowCart(){
	createCookie("showcart","0");
}

function StartShowcartDiv(){
    if(ddmenuitem) {
	    if (ddmenuitem.attr('id')!='m4')
	        ddmenuitem.hide(200);
	}

    //Clear Time out...
    if (MyBagTimer)
        window.clearTimeout(MyBagTimer);

    //Show cart div...
    showcartDiv();
}

//Show mybag onMouseOver...
function showcartDiv(){
    $("#m4").show(200);
    MouseOverCalled=1;
}

//Hide mybag onMouseOut...
function closecartDiv(){
    if(MouseOverCalled) return;
    if($('#m4').is(':hidden')) return; 
    $("#m4").hide(200);
}