// JavaScript Document

	// 3. after pushing "Go Back" button of a browser
	function pageload(hash) {
		// alert("pageload: " + hash);
		// hash doesn't contain the first # character.
		if(hash) {
			// restore ajax loaded state
			if($.browser.msie) {
				// jquery's $.load() function does't work when hash include special characters like aao.
				hash = encodeURIComponent(hash);
			}
			$("#middlebody").load(hash + ".html");
		} else {
			// start page
			$("#middlebody").html("");
			$("#middlebody").html(middlebody);		
		}
	}
	
	$(document).ready(function(){
		// Initialize history plugin.
		// The callback is called at once by present location.hash. 
		$.historyInit(pageload, "jquery_history.html");
		
		// set onlick event for buttons
		$("a[rel='history']").click(function(){
			// 
			var hash = this.href;
			hash = hash.replace(/^.*#/, '');
			// moves to a new page. 
			// pageload is called at once. 
			// hash don't contain "#", "?"
			$.historyLoad(hash);
			return false;
		});
	});


startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;


$(document).ready(function(){


//CHANGE ONSTATE IN NAVBAR
/*	$("#menu a").mouseover(function() {
		$("a.currenton").removeClass("currenton").addClass("currentoff");
		$(this).addClass("currenton");
	});			
	$("#menu a").mouseout(function() {
		$("a.currentoff").removeClass("currentoff").addClass("currenton");
		$(this).removeClass("currenton");
	});		
*/


	$("a").click(function() {
		var location = $(this).attr("href");
		var linkclass = $(this).attr("class");
		if (location == "#about") {
			$("a.currenton").removeClass("currenton").addClass("currentoff");
			$("a#about").removeClass("currentoff").addClass("currenton");
		}
		if (location == "#faqs") {
			$("a.currenton").removeClass("currenton").addClass("currentoff");
			$("a#faqs").removeClass("currentoff").addClass("currenton");
		}
		/*if (location == "index.html") {
			$("a.currenton").removeClass("currenton").addClass("currentoff");
			$("a#linkage").addClass("currenton");
		}*/
		if (linkclass == "thumbs") {
			
			if ($("#products").attr("class") == "currenton") {
			return false;	
			}
			else {
			$("a.currenton").removeClass("currenton").addClass("currentoff");
			$("a#products").removeClass("currentoff").addClass("currenton");

		}};


}); 
	


//MOUSEOVER EFFECT FOR IMAGES IN SCROLLBAR ON ALL PRODUCTS/INDEX
	$("#picturescroll img").mouseover(function() {
		$(this).stop().animate({ opacity: 0.5 }, 100);
	});
	$("#picturescroll img").mouseout(function() {
		$(this).stop().animate({ opacity: 1 }, 100);
	});


//MOUSEOVER EFFECT FOR IMAGES IN SCROLLBAR ON BRACELETS
	$("#picturescroll_bracelets img").mouseover(function() {
		$(this).stop().animate({ opacity: 0.5 }, 100);
	});
	$("#picturescroll_bracelets img").mouseout(function() {
		$(this).stop().animate({ opacity: 1 }, 100);
	});


//MOUSEOVER EFFECT FOR IMAGES IN SCROLLBAR ON NECKLACES
	$("#picturescroll_necklaces img").mouseover(function() {
		$(this).stop().animate({ opacity: 0.5 }, 100);
	});
	$("#picturescroll_necklaces img").mouseout(function() {
		$(this).stop().animate({ opacity: 1 }, 100);
	});


/*	var loadedpicture = $("img.pictureloaded");
		alert(loadedpicture);
	
	$("#picturescroll img").mouseover(function() {
		$(loadedpicture).removeClass("pictureloaded");
		$(this).addClass("pictureloaded");
	});
	$("#picturescroll img").mouseout(function() {
		$(this).removeClass("pictureloaded");
		$(loadedpicture).addClass("pictureloaded");
	});	*/
	



//SCROLL PICTURES WITH ARROWS FOR ALL PRODUCTS
	/*$("a.leftarrow").click(function() {
		$('#picturescroll').scrollTo( '-=835px', 800 );
		});	

	$("a.rightarrow").click(function() {
		$('#picturescroll').scrollTo( '+=835px', 800 );
		});	
*/

//SCROLLING ON ALL PRODUCTS/INDEX PAGE
var clicknumber1 = 0;
	$("a.rightarrow").click(function() {
		clicknumber1 = clicknumber1 + 1;
		if (clicknumber1 != 8) {
			$('#picturescroll').scrollTo( '+=835px', 800 );
		}
		else {
			$('#picturescroll').scrollTo( '-=6680px', 800 );
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");			
			clicknumber1 = 0;				
		}
		if (clicknumber1 == 1) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet2").addClass("bulleton");
		}
		if (clicknumber1 == 2) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet3").addClass("bulleton");
		}		
		if (clicknumber1 == 3) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet4").addClass("bulleton");
		}		
		if (clicknumber1 == 4) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet5").addClass("bulleton");
		}		
		if (clicknumber1 == 5) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet6").addClass("bulleton");
		}		
		if (clicknumber1 == 6) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet7").addClass("bulleton");
		}		
		if (clicknumber1 == 7) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet8").addClass("bulleton");
		}		
		});	

	$("a.leftarrow").click(function() {
		clicknumber1 = clicknumber1 - 1;	
		if (clicknumber1 != -1) {
			$('#picturescroll').scrollTo( '-=835px', 800 );
		}
		else {
			clicknumber1 = 0;
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");			
			return false;
		}
		if (clicknumber1 == 0) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");
		}
		if (clicknumber1 == 1) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet2").addClass("bulleton");
		}		
		if (clicknumber1 == 2) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet3").addClass("bulleton");
		}		
		if (clicknumber1 == 3) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet4").addClass("bulleton");
		}		
		if (clicknumber1 == 4) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet5").addClass("bulleton");
		}		
		if (clicknumber1 == 5) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet6").addClass("bulleton");
		}		
		if (clicknumber1 == 6) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet7").addClass("bulleton");
		}		
		});			


//SCROLLING ON BRACELETS PAGE
var clicknumber2 = 0;
	$("a.rightarrow_bracelets").click(function() {
		clicknumber2 = clicknumber2 + 1;
		if (clicknumber2 != 6) {
			$('#picturescroll_bracelets').scrollTo( '+=835px', 800 );
		}
		else {
			$('#picturescroll_bracelets').scrollTo( '-=5010px', 800 );
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");			
			clicknumber2 = 0;				
		}
		if (clicknumber2 == 1) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet2").addClass("bulleton");
		}
		if (clicknumber2 == 2) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet3").addClass("bulleton");
		}
		if (clicknumber2 == 3) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet4").addClass("bulleton");
		}		
		if (clicknumber2 == 4) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet5").addClass("bulleton");
		}		
		if (clicknumber2 == 5) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet6").addClass("bulleton");
		}		
		
		});	

	$("a.leftarrow_bracelets").click(function() {
		clicknumber2 = clicknumber2 - 1;	
		if (clicknumber2 != -1) {
			$('#picturescroll_bracelets').scrollTo( '-=835px', 800 );
		}
		else {
			clicknumber2 = 0;
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");			
			return false;
		}
		if (clicknumber2 == 0) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");
		}
		if (clicknumber2 == 1) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet2").addClass("bulleton");
		}
		if (clicknumber2 == 2) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet3").addClass("bulleton");
		}		
		if (clicknumber2 == 3) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet4").addClass("bulleton");
		}		
		if (clicknumber2 == 4) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet5").addClass("bulleton");
		}		
		
		});			


//SCROLLING ON NECKLACES PAGE
var clicknumber3 = 0;
	$("a.rightarrow_necklaces").click(function() {
		clicknumber3 = clicknumber3 + 1;
		if (clicknumber3 != 2) {
			$('#picturescroll_necklaces').scrollTo( '+=835px', 800 );
		}
		else {
			$('#picturescroll_necklaces').scrollTo( '-=1670px', 800 );
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");			
			clicknumber3 = 0;				
		}
		if (clicknumber3 == 1) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet2").addClass("bulleton");
		}
		});	

	$("a.leftarrow_necklaces").click(function() {
		clicknumber3 = clicknumber3 - 1;	
		if (clicknumber != -1) {
			$('#picturescroll_necklaces').scrollTo( '-=835px', 800 );
		}
		else {
			clicknumber3 = 0;
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");			
			return false;
		}
		if (clicknumber3 == 0) {
			$("span.bulleton").removeClass("bulleton");
			$("span#bullet1").addClass("bulleton");
		}
		});			


});

//MOUSEOVER EFFECT ON CART BUTTONS ON AJAX CONTENT
function changeimage(id, src) {
	document.getElementById(id).src = src;
};


function changedisplay(id, classname) {
	document.getElementById(id).className = classname;
};