// share tab icons
var activated;
activeImage = 'img1';
activeLink = 0;

var shareIcons = $$('#share_icons div');
var shareIconsLength = shareIcons.length;
//initialise the default image
var initialise = $(activeImage).setStyles({display:'block',opacity: 0});	
new Fx.Style(initialise, 'opacity', {duration: 1} ).set(1);
window.addEvent('domready', function() {
	//set the default image

  
	//event listener
//	$('banner-nav').getElements('a').addEvent('mouseenter', function(e) 
  function sharefade()
  {
		activeLink++;
		var newImage = 'img'+activeLink;
		transitionImage(activeImage,newImage);
  }
  
//	{	
		
  t = setTimeout(function() { sharefade(); }, 2000);
//	});
  function transitionImage(oldImage,newImage)
  {
  	var fadeOut = function()
  	{
  		var div = $(oldImage).setStyles({
  			opacity: 1
  		});
  		new Fx.Style(div, 'opacity', {duration: 700}).start(0);
  		fadeIn();
  	};
  	
  	var fadeIn = function()
  	{
  		var div2 = $(newImage).setStyles({
  			display:'block',
  			opacity: 0
  		});
  		new Fx.Style(div2, 'opacity', {duration: 700}).start(1);
  	};
  	
  	if(newImage != activeImage)
  	{
  		fadeOut();
  		activeImage = newImage;
  	}

    if(activeLink == 4)
    {
      activeLink = 0;
    }
    t = setTimeout(function() { sharefade(); }, 2000);
  }

var bagImg = $('bag_button3');
var bagImg2 = bagImg.src;
$('mybag_link5').addEvent('mouseenter', function(event) {
    var currcookie = getCookie('items');
    if (!currcookie || currcookie == '') {
        bagImg2 = bagImg2.replace('.gif', '_over_empty.gif');
        bagImg.src = bagImg2;
        $('bag_overlay_nav').setStyles({
            'opacity': 0,
            'display': 'block',
            'top': 29,
            'right': -60
        });
        new Fx.Style($('bag_overlay_nav'), 'opacity', { duration: 500 }).start(0, 1);
        activated = false;
    }

    else {
        activated = true;
        $('mybag_link5').href = 'bag_content.aspx?';
        $('mybag_link5').href = $('mybag_link5').href + 'items=' + getCookie('items');
        var randomnum = Math.floor(Math.random() * 100000)
        $('mybag_link5').href = $('mybag_link5').href + '&r=' + randomnum;
        $('mybag_link5').href = $('mybag_link5').href.replace(',&r=', '&r=');
        bagImg2 = bagImg2.replace('.gif', '_over.gif');
        bagImg.src = bagImg2;
    }
});

$('bag_button3').addEvent('mouseleave', function(event) {
    var currcookie = getCookie('items');
    activated = true;
    bagImg2 = bagImg2.replace('_over.gif', '.gif');
    bagImg.src = bagImg2;
    if (!currcookie || currcookie == '') {
        new Fx.Style($('bag_overlay_nav'), 'opacity', { duration: 500 }).start(1, 0);
        bagImg2 = bagImg2.replace('_over_empty.gif', '.gif');
        bagImg.src = bagImg2;
    }
});

//$('bag_open').addEvent('click', function(event) {
//	var currcookie = getCookie('items');
//	
//	if (!currcookie || currcookie == '') {
//		show('bag_contents');
//		activated = false;
//		
//	}
//		
//	
//	
//	else {
//		activated = true;
//		track('camerabagicon_nav');
//		$('mybag_link').href = 'bag_content.aspx?';
//		$('mybag_link').href = $('mybag_link').href + 'items='+getCookie('items');
//		var randomnum = Math.floor(Math.random()*100000)
//		$('mybag_link').href = $('mybag_link').href + '&r='+randomnum;
//		$('mybag_link').href = $('mybag_link').href.replace(',&r=','&r=');
//		//alert($('mybag_link').href);
//	}
//});

//$('bag_close').addEvent('click', function(event) {
//	hide('bag_contents');
//	
//});
	
/*$('share_open').addEvent('click', function(event) {
	show('share_site');
	hide('bag_contents');
});

$('share_close').addEvent('click', function(event) {
	hide('share_site');
});
*/

var list = $$('.nav_bdr_left div');
var list2 = $$('#nav2 li');
list.each(function(element) {
	element.addEvent('mouseenter', function(){
		maximize(element);
	});
	element.addEvent('mouseleave', function(){
		minimize(element);
	});	
});

var maximize = function(obj){
	var elemid = $(obj);
	new Fx.Style(elemid, 'padding-bottom', {duration: 200}).start(13);
  elemid.getParent().className = "nav_bdr_left_on";
  elemid.getParent().getNext().className = "nav_bot_center_on";
};
var minimize = function(obj){
	var elemid = $(obj);
	new Fx.Style(elemid, 'padding-bottom', {duration: 200}).start(8);
  elemid.getParent().className = "nav_bdr_left";
  elemid.getParent().getNext().className = "nav_bot_center";
};

list2.each(function(element) {
	element.addEvent('mouseenter', function(){
		maximize2(element);
	});
	element.addEvent('mouseleave', function(){
		minimize2(element);
	});	
});

var maximize2 = function(obj){
	var elemid = $(obj);
  
  if(elemid.getElement('.botcnr')) {
    var cnrimg = elemid.getElement('.botcnr');
    var newimg = cnrimg.src;
  }
  if(elemid.getElement('#Header1_img_cameras')) {
    var camImg = elemid.getElement('#Header1_img_cameras');
    var newcamImg = camImg.src;
  }
  
  if(elemid.getElement('#Header1_img_cameras')) {
    var camImg = elemid.getElement('#Header1_img_cameras');
    var newcamImg = camImg.src;
  }

  if(elemid.className == ""){
    elemid.className = "over";
    
    if(cnrimg){
      newimg = newimg.replace('nav_bot_right.gif','nav_bot_right_on.gif');
      cnrimg.src = newimg;
    }
    if(camImg){
      newcamImg = newcamImg.replace('nav_cameras.gif','nav_cameras_on.gif');
      camImg.src = newcamImg;
    }
    
  }
};
var minimize2 = function(obj){
	var elemid = $(obj);
  
  if(elemid.getElement('.botcnr')) {
    var cnrimg = elemid.getElement('.botcnr');
    var newimg = cnrimg.src;
  }
  if(elemid.getElement('#Header1_img_cameras')) {
    var camImg = elemid.getElement('#Header1_img_cameras');
    var newcamImg = camImg.src;
  }
  
  if(elemid.className != 'active'){
    elemid.className = "";
    
    if(cnrimg){
      newimg = newimg.replace('nav_bot_right_on.gif','nav_bot_right.gif');
      cnrimg.src = newimg;
    }
    if(camImg){
      newcamImg = newcamImg.replace('nav_cameras_on.gif','nav_cameras.gif');
      camImg.src = newcamImg;
    }
    
  }
};

var sharelist = $$('#sharelist img');
sharelist.each(function(element) {
	element.addEvent('mouseenter', function(){
		var newimg = element.src;
		newimg = newimg.replace('_off','_on');
		element.src = newimg;
	});
	element.addEvent('mouseleave', function(){
			var newimg = element.src;
			newimg = newimg.replace('_on','_off');
			element.src = newimg;
	});
});

var TipsNav = new Tips($$('.TipsNav'), {
	className: 'nav',
	showDelay: 0,
	hideDelay: 500,
	offsets:{x:-25,y:-28},
	initialize:function(){
		this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
	},
	onShow: function() {
		this.fx.start(1);
  },
	onHide: function(toolTip) {
		this.fx.start(0);
  }
});

});

function Rollovers(objImg)
{
  var strImageSrc = objImg.src;
  var strNewImage = "";
  if (strImageSrc.indexOf("_off") != -1)
  {
    strNewImage = strImageSrc.replace(/_off/ , "_over");
  }
  else
  {
    strNewImage = strImageSrc.replace(/_over/ , "_off");
  }
  objImg.src =  strNewImage;
}

function Rollovers2(objImg)
{
  var strImageSrc = objImg.src;
  var strNewImage = "";
  if (strImageSrc.indexOf("_on") != -1)
  {
    strNewImage = strImageSrc.replace(/_on/ , "_over");
  }
  else
  {
    strNewImage = strImageSrc.replace(/_over/ , "_on");
  }
  objImg.src =  strNewImage;
}

function Rollovers3(objImg)
{
  var strImageSrc = objImg.src;
  var strNewImage = "";
  if (strImageSrc.indexOf("nav_cameras.gif") != -1)
  {
    strNewImage = strImageSrc.replace("nav_cameras.gif" , "nav_cameras_on.gif");
  }
  else
  {
    strNewImage = strImageSrc.replace("nav_cameras_on.gif" , "nav_cameras.gif");
  }
  objImg.src =  strNewImage;
}

boxhtml = new MultiBox('mbhtml', { container: document.body, useOverlay: true, showControls: false, galleryoverlay: true, fixedTop: '125' });
boxitem = new MultiBox('mbitem', { container: document.body, useOverlay: true, showControls: false, fixedTop: '125' });
boxbag = new MultiBox('mbbag', { container: document.body, useOverlay: true, showControls: false, bagoverlay: true, fixedTop: '125' });
