// JavaScript Document handling the thumbnails mouseover 
 
$(function() {
   		 
		 $('#s1').cycle({ 
         timeout: 0, 
         speed:   400,
         startingSlide: 6 
		
   			 });
	
	
	
	$("#thumb1").mouseover(function() { moin(this) });
	$("#thumb1").mouseout(function() { mout(this) });
	
	$("#thumb2").mouseover(function() { moin(this) });
	$("#thumb2").mouseout(function() { mout(this) });
	
	$("#thumb3").mouseover(function() { moin(this) });
	$("#thumb3").mouseout(function() { mout(this) });
	
	$("#thumb4").mouseover(function() { moin(this) });
	$("#thumb4").mouseout(function() { mout(this) });
	
	$("#thumb5").mouseover(function() { moin(this) });
	$("#thumb5").mouseout(function() { mout(this) });
	
	$("#thumb6").mouseover(function() { moin(this) });
	$("#thumb6").mouseout(function() { mout(this) });
	function moin(ki) {  if ($(ki).css('opacity').slice(0,3) == '0.2') {  $(ki).css({ opacity: 0.6 }); } };
	function mout(ke) { if ($(ke).css('opacity').slice(0,3) == '0.6') {  $(ke).css({ opacity: 0.2 }); } };

	
	$('#thumb1').stop().animate({ opacity: 0.2 }, 200);
	
    $('#thumb1').click(function() { isClik(0, this) });	
    $('#thumb2').click(function() { isClik(1, this) });	
	$('#thumb3').click(function() { isClik(2, this) });	
	$('#thumb4').click(function() { isClik(3, this) });	
	$('#thumb5').click(function() { isClik(4, this) });	
	$('#thumb6').click(function() { isClik(5, this) });	
	

function isClik(i, obje) { 
         $('#s1').cycle(i,'fade');
		         $('.myThumb').stop().animate({ opacity: 0.2 }, 100);
                        $(obje).stop().animate({ opacity: 1.0 }, 200);
                            return false; 
						};																
							
});