var currhl;
var currid;
var currbn2;
currhl = 1;	
currbn2 = 1;

     $(document).ready(function(){
       	
		$(".dr-menu-item").click( drmenu );				
		$(".dr-menu-itemsub").click( drmenu );

		$("#dr-menu-item1").css("background-color","#a3a2a2");
		$("#dr-menu-item2a").css("background-color","#fff");
		$("#dr-menu-item2b").css("background-color","#ccc");
		$("#dr-menu-item2c").css("background-color","#ccc");
		$("#dr-menu-item2d").css("background-color","#ccc");
				
		tab = "#cut";

		if( !$(tab).hasClass("active-content") ){				
			$(".igi4c").css("display","none");			
			$(".igi4c").removeClass("active-content");
			$(tab).addClass("active-content");
			$(tab).show();
										
		}


		var hiconfig = {
			sensitivity: 1,
			interval: 100,
			over: hl,
			timeout: 100,
			out: function(){ currid = setInterval("hlautoplay()", 3000); }
		};

		$(".highbk").hoverIntent(
			hiconfig
		);	
	
		$(".tab").click( tabs );
		$(".tab").mouseover( tabback );	
		$(".tab").mouseout( tabback1 );
		
		$("#social").mouseover( showsn);
		$("#social").mouseout( hidesn);
		
		$(function(){
			currid = setInterval("hlautoplay()", 3000);
		});
	
     });
	
	
		
	function lightbox(){
		
		if( $("#fade-black").hasClass("fade-on") ){	
			$("#fade-black").fadeOut("slow");		
			$("#fade-box").fadeOut("fast");	
			$("#fade-black").removeClass("fade-on");
			$("#fade-box").empty();
		} else {			
			$(this).clone().appendTo("#fade-box");			
			$("#fade-black").fadeIn("fast");
			$("#fade-box").fadeIn("slow");
			$("#fade-black").addClass("fade-on");
		}
		
	}
			
	function mosi(){
				
		currid = setInterval("hlautoplay()", 3000);
				
	}
	
	function hlautoplay(){
		var hlsize;
				
		hlsize = $(".highbk").size();
		
		
			$(".active-hl").animate({
				duration: 1000,
				top: 0,					
				queue: false
			});	

			currhl++;
			if ( currhl > hlsize){ currhl = 1; }

			$("#hl-" + currhl).animate({
				duration: 500,
				top: -10,			
				queue: false
				
			});
			
		$(".active-hl").removeClass("active-hl");
		$("#hl-" + currhl).addClass("active-hl");	
		
		$(".mainbk").css("display","none");
		$(".active-back").removeClass("active-back");	
		$("#highlight-main" + currhl).addClass("active-back");
		$(".active-back").fadeIn();		
	}

	function hl(){						
			
			var hlid; 
						
			hlid = this.id;
			
			hlid = hlid.substring(hlid.length-1, hlid.length);			
			
			clearInterval(currid);						
				
				if( !$(this).hasClass("active-hl") ){
					
					currhl = hlid;
										
						$(".active-hl").animate({
							duration: 1000,
							top: 0,
							queue: false

						});				

						$(this).animate({
							duration: 500,
							top: -10,
							queue: false
				
						});
								

					$(".active-hl").removeClass("active-hl");
					$(this).addClass("active-hl");			

					$(".mainbk").css("display","none");
					$(".active-back").removeClass("active-back");	
					$("#highlight-main" + hlid).addClass("active-back");
					$(".active-back").fadeIn();
				}	
						
	}
	
	function drmenu(){
		
		
			var tab = this.id;
			
			if ( tab == "dr-menu-item1") {
								
				$("#dr-menu-item1").css("background-color","#fff");
				$("#dr-menu-item2a").css("background-color","#ccc");
				$("#dr-menu-item2b").css("background-color","#ccc");
				$("#dr-menu-item2c").css("background-color","#ccc");
				$("#dr-menu-item2d").css("background-color","#ccc");
								
				tab = "#4C";
			} else if ( tab == "dr-menu-item2a") {
				
				$("#dr-menu-item1").css("background-color","#a3a2a2");
				$("#dr-menu-item2a").css("background-color","#fff");
				$("#dr-menu-item2b").css("background-color","#ccc");
				$("#dr-menu-item2c").css("background-color","#ccc");
				$("#dr-menu-item2d").css("background-color","#ccc");
				
				tab = "#cut";
			} else if ( tab == "dr-menu-item2b") {
				
				$("#dr-menu-item1").css("background-color","#a3a2a2");
				$("#dr-menu-item2a").css("background-color","#ccc");
				$("#dr-menu-item2b").css("background-color","#fff");
				$("#dr-menu-item2c").css("background-color","#ccc");
				$("#dr-menu-item2d").css("background-color","#ccc");
							
				tab = "#color";
			} else if ( tab == "dr-menu-item2c") {
				
				$("#dr-menu-item1").css("background-color","#a3a2a2");
				$("#dr-menu-item2a").css("background-color","#ccc");
				$("#dr-menu-item2b").css("background-color","#ccc");
				$("#dr-menu-item2c").css("background-color","#fff");
				$("#dr-menu-item2d").css("background-color","#ccc");
							
				tab = "#clarity";
			} else if ( tab == "dr-menu-item2d") {
				
				$("#dr-menu-item1").css("background-color","#a3a2a2");
				$("#dr-menu-item2a").css("background-color","#ccc");
				$("#dr-menu-item2b").css("background-color","#ccc");
				$("#dr-menu-item2c").css("background-color","#ccc");
				$("#dr-menu-item2d").css("background-color","#fff");
								
				tab = "#carat";
			} 
			
		if( !$(tab).hasClass("active-content") ){				
			$(".igi4c").css("display","none");			
			$(".igi4c").removeClass("active-content");
			$(tab).addClass("active-content");
			$(tab).show();
										
		}
		
	}
	
	
	function tabs(){
		
		if( !$(this).hasClass("active-tab") ){
			var tab = this.id;
			tab = tab.substring(tab.length-1, tab.length);			
			
			$(".active-tab").css("background-color","#fff");			
			$(".active-tab").css("color","#666");			
			$(".active-tab").removeClass("active-tab");
			$(".active-panel").removeClass("active-panel");
			$(this).addClass("active-tab");
			$("#panelbox1-" + tab).addClass("active-panel");
			$(".active-tab").css("background-color","#fff");
			$(".active-tab").css("color","#333");							
		}
		
	}
	
	function tabback() {
		if( !$(this).hasClass("active-tab") ){			
			$(this).css("background-color","#ccc");			
			$(this).css("color","#fff");
		}	
	}
	
	function tabback1() {
		if( !$(this).hasClass("active-tab") ){
			$(this).css("background-color","#fff");
			$(this).css("color","#666");
		}		
	}
	
	function showsn(){
		$("#social").css("height","100px");
		$("#face").show();
		$("#myspace").show();
		$("#digg").show();
	}
	
	function hidesn(){
		$("#face").hide();
		$("#myspace").hide();
		$("#digg").hide();
		$("#social").css("height","23px");
	}