$(document).ready(function(){	
	setTimeout("repeat(1)", 8000);   
	$("div.firsttl").click(function (){
	      if ($("img.firsttl").is(":hidden")){
	      	$("#gal > img").hide();
	        $("img.firsttl").fadeIn();
	         var css1 = {
        				'background-color' : '#fff',
        				'color' : '#000'
      				}
      		var css2 = {
        				'background-color' : '#000',
        				'color' : '#fff'
      				}

	        $("#con_gallery > div").css(css1);  
	        $("div.firsttl").css(css2);  	              		
    	}
    });
    
    $("div.secondtl").click(function (){
	      if ($("img.secondtl").is(":hidden")){
	      	$("#gal > img").hide();
	        $("img.secondtl").fadeIn(500, function(){
	        
	        });
	         var css1 = {
        				'background-color' : '#fff',
        				'color' : '#000'
      				}
      		var css2 = {
        				'background-color' : '#000',
        				'color' : '#fff'
      				}

	        $("#con_gallery > div").css(css1);  
	        $("div.secondtl").css(css2); 
    	}
    });
    
    $("div.thirdtl").click(function (){
	      if ($("img.thirdtl").is(":hidden")){
	      	$("#gal > img").hide();
	        $("img.thirdtl").fadeIn();
	        
	         var css1 = {
        				'background-color' : '#fff',
        				'color' : '#000'
      				}
      		var css2 = {
        				'background-color' : '#000',
        				'color' : '#fff'
      				}

	        $("#con_gallery > div").css(css1);  
	        $("div.thirdtl").css(css2);
    	}
    });
    
    $("div.forthtl").click(function (){
	      if ($("img.forthtl").is(":hidden")){
	      	$("#gal > img").hide();
	        $("img.forthtl").fadeIn();
	        
	         var css1 = {
        				'background-color' : '#fff',
        				'color' : '#000'
      				}
      		var css2 = {
        				'background-color' : '#000',
        				'color' : '#fff'
      				}

	        $("#con_gallery > div").css(css1);  
	        $("div.forthtl").css(css2);
    	}
    });
   
});

function repeat(cnt)
{
	switch(cnt){
		case 1:
			$("div.secondtl").trigger("click");
			setTimeout("repeat(2)", 8000); 
		  	break;
		case 2:
			$("div.thirdtl").trigger("click");
			setTimeout("repeat(3)", 8000); 
		  	break;
		case 3:
			$("div.forthtl").trigger("click")
			setTimeout("repeat(4)", 8000); 
		  	break;
		case 4:
			$("div.firsttl").trigger("click");
			setTimeout("repeat(1)", 8000); 
		  	break;
	}
}