// JavaScript Document


var display_time = 2500;		//time an image will display in milliseconds
var effect_time = 750;			//time it takes for an image to transition in milliseconds
var images;
var interval;
var index;
var p_index;
var items;


function rSwap(first){
		do{
			index = Math.round( (Math.random() * items ) );	
		}while(index == p_index);
		
		if(!first){
			if(index == 0){
				jQuery("#slideShow div:lt(" + p_index + ")").css('display','none');
				jQuery("#slideShow div:first").css('display','block');
				jQuery("#slideShow div:eq(" + p_index + ")").fadeOut(effect_time);
			}else if(index == items){
				jQuery("#slideShow div:eq(" + index + ")").fadeIn(effect_time);		
			}else{
				
				if(p_index > index){
					jQuery("#slideShow div:lt(" + p_index + ")").css('display','none');
					jQuery("#slideShow div:eq(" + index + ")").css('display','block');
					jQuery("#slideShow div:eq(" + p_index + ")").fadeOut(effect_time);
					//jQuery("#out").append(">" + index); //for debugging
				}else if(p_index < index){
					//jQuery("#slideShow div:lt(" + index + ")").css('display','none');
					jQuery("#slideShow div:eq(" + index + ")").fadeIn(effect_time);
					//jQuery("#out").append("<" + index); //for debugging
				}
			}
		
		}else{
			jQuery("#slideShow div:lt(" + index + ")").css('display','none');
			jQuery("#slideShow div:gt(" + index + ")").css('display','none');
			jQuery("#slideShow div:eq(" + index + ")").fadeIn(effect_time);
		}
		p_index = index;
	}
	
$(document).ready(function(){
						   
		//if (jQuery("#styles_similar a").length == 0) 
			//document.getElementById('styles_similar').style.display = 'none';
		
		//jQuery("#styles_similar").css('display','none');
		
		
		jQuery("#navbar>ul li.category:first span").mouseenter(
			function(){
				jQuery("#mens").slideDown('normal');
			}
		);
	
		jQuery("#navbar>ul li.category:first").mouseleave(
			function(){
				jQuery("#mens").slideUp('normal');
			}
		);
		
		jQuery("#navbar>ul li.category:eq(1) span").mouseenter(
			function(){
				jQuery("#womens").slideDown('normal');
			}
		);
		
		jQuery("#navbar>ul li.category:eq(1)").mouseleave(
			function(){
				jQuery("#womens").slideUp('normal');
			}
		);
		
		jQuery("#navbar>ul li.category:last span").mouseenter(
			function(){
				jQuery("#s_item").slideDown('normal');
			}
		);
		
		jQuery("#navbar>ul li.category:last").mouseleave(
			function(){
				jQuery("#s_item").slideUp('normal');
			}
		);
		
		images = jQuery("#slideShow div");
		items = images.length -1;
		index = items;
		p_index = 0;
		rSwap(true);
		interval = setInterval("rSwap(false);",display_time);
		
		jQuery(".pointer").mouseover(
			function(){
				jQuery(".pointer").css('background-color','#000000');
				jQuery(".pointer").css('color','#FFFFFF');
				
				jQuery(this).css('background-color','#FFFFFF');
				jQuery(this).css('color','#000000');
			}
		);	
		
		jQuery(".pointer").mouseout(
			function(){
				//jQuery(this).css('background-color','#000000');
				//jQuery(this).css('color','#FFFFFF');
			}
		);

		jQuery(".jqzoom").jqueryzoom({
			xzoom: 410, 
			yzoom: 400,
			offset: 10,
			lens:0
			});

			//Browse Magnifier
			jQuery("#browse-table tr td ul").hover( 
				  function () {
					jQuery("#browseDetails").css({'display':'block','left':jQuery("#sidebar-wrapper").offset().left - 37});

					//get JSON properties
					properties = eval('('+jQuery(this).attr('magnify')+')');

					//set index
					this.index = 1;

					//add image to content area
					img = document.createElement('img');
					img.setAttribute('width','194');
					img.setAttribute('height','400');
					img.setAttribute('class','magnifyImg');
					img.setAttribute('src',properties.images["1"].imageURL);
					
					//add arrows to brows image
					//right arrow
					a = document.createElement("a");
					a.magnifierElement = this;
					jQuery(a).addClass("magnifyControl rightArrow");
					jQuery(a).css('top',jQuery(this).offset().top + 2);
					jQuery(a).css('left',jQuery(this).offset().left + jQuery(this).width() - 41);
					jQuery(this).find("li").eq(0).append(a);					
					jQuery(a).click(function(){	//MOVING UP
					
						props = eval('('+jQuery(this.magnifierElement).attr('magnify')+')');
						this.magnifierElement.index++;
						
						try{
							//move as planned
							jQuery(".magnifyImg").attr("src", props.images[this.magnifierElement.index].imageURL);
						} catch (e) {
							//reset to first in list
							this.magnifierElement.index = 1;
							jQuery(".magnifyImg").attr("src", props.images[this.magnifierElement.index].imageURL);
						}
					});					
					//left arrow
					a = document.createElement("a");
					a.magnifierElement = this;
					jQuery(a).addClass("magnifyControl leftArrow");
					jQuery(a).css('top',jQuery(this).offset().top + 2);
					jQuery(a).css('left',jQuery(this).offset().left);
					jQuery(this).find("li").eq(0).append(a);		
					jQuery(a).click(function(){	//MOVING DOWN
					
						props = eval('('+jQuery(this.magnifierElement).attr('magnify')+')');
						this.magnifierElement.index--;
						
						try{
							//move as planned
							jQuery(".magnifyImg").attr("src", props.images[this.magnifierElement.index].imageURL);
						} catch (e) {
							//reset to last in list
							for(prop in props.images)
							{
								
								if(props.images[prop])
									this.magnifierElement.index = prop;
								else
								break;
							}							
							jQuery(".magnifyImg").attr("src", props.images[this.magnifierElement.index].imageURL);
						}
					});
										
					li = document.createElement("li");		
					
					//append image			
					li.appendChild(img);
					
					//append image container
					jQuery("#styleData").append(li);
					
					//copy the existing properties from this item
					jQuery("#styleData").append(jQuery(this).find("li").eq(1).clone());	//NAME
					jQuery("#styleData").append(jQuery(this).find("li").eq(2).clone());	//PRICE
					jQuery("#styleData").append(jQuery(this).find("li").eq(3).clone());	//POSSIBLE DISCOUNTED PRICE
					
					//append remaining properties from attributte
					//sizes
					li = document.createElement("li");
					li.appendChild(document.createTextNode(properties.sizes));
					jQuery("#styleData").append(li);
					
					//colors
					if(properties.colors != null)
					{
						for(color in properties.colors)
						{
							li = document.createElement("li");
							li.appendChild(document.createTextNode(properties.colors[color]));
							jQuery("#styleData").append(li);						
						}
					//discounted colors
					} else if(properties.discounted_colors != null) {
						for(color in properties.discounted_colors)
						{
							li = document.createElement("li");
							jQuery(li).addClass("discounted");
							li.appendChild(document.createTextNode(properties.discounted_colors[color]));
							jQuery("#styleData").append(li);						
						}
					}
				  }, 
				  function () {
					jQuery("#browseDetails").css("display","none");
					jQuery("#styleData").empty();
					jQuery(".magnifyControl").remove();
				  }
			);			

   	});