$(document).ready(function(){


var thumbtohighlight="#thumbnail_image" + 1
highlight_thumbnail(thumbtohighlight);

var imagetitle = $('#thumbnail_image1_link').attr('title');
$('.mainimagelabel').hide();
$('.mainimagelabel').html(imagetitle);
$('.mainimagelabel').fadeIn('slow');

//SET THE ROLLOVER DOT
$('.imagethumbnailsquare').addClass('deactive')
$(thumbtohighlight).removeClass('deactive')
$(thumbtohighlight).addClass('active')


//CONTROL PAGE THUMBNAILS ROLLOVER
$('.imagethumbnailsquare').hover(

function() {

		$(this).addClass('activeroll')

}, 
	
	function() {
	
		if ($(this).hasClass('active')) {
		} else {
		$(this).removeClass('activeroll')
		}
	}
	
);
//END CONTROL PAGE THUMBNAILS ROLLOVER





$('.mainimageref').html(imagecount);

var show_start;
var show_initiation;
var show_restart;
var my_carousel;

var myimagecount = $(".imagethumbnailsquare").length;
//alert (myimagecount);

if( myimagecount > 1){

//CONTROL PAGE THUMBNAILS CLICK
$('.imagethumbnailsquare').click(function() {
	stop_slideshow();
	thumbtohighlight = "#" + $(this).attr('id');
	imagecount = thumbtohighlight.replace('#thumbnail_image', '');
	
	highlight_thumbnail(thumbtohighlight);
	imagecounter(imagecount, thumbtohighlight);
	
	$('.mainimageref').html(imagecount);
	
	
});

initiate_the_show();
}

}); 
//END DOCUMENT DEFAULT START


var imagecount=1;


//END CONTROL PAGE THUMBNAILS ROLLOVER





function start_the_show()
{

var numboxes = $(".imagethumbnailsquare").length;
var maximagecount=numboxes+1;

	if(imagecount==numboxes)
	{
		imagecount = 1;
	}else{
		imagecount ++;
	}
	
	$('.mainimageref').html(imagecount);
	
	thumbtohighlight = "#thumbnail_image" + imagecount;
	highlight_thumbnail(thumbtohighlight);
	imagecounter(imagecount, thumbtohighlight);	
	//my_carousel.scroll(jQuery.jcarousel.intval(imagecount));
}

function initiate_the_show()
{
	show_start = setInterval(start_the_show, 6000);
}


function stop_slideshow()
{
	clearInterval(show_start);
	
	if(typeof(show_restart)!="undefined")
	{
		clearTimeout(show_restart);
	}
	
	//initiate_the_show();
	
	show_restart = setTimeout(initiate_the_show, 6000);
}


function End_slideshow()
{
	clearInterval(show_start);
	clearInterval(initiate_the_show);
	
	if(typeof(show_restart)!="undefined")
	{
		clearTimeout(show_restart);
	}
}





//OK BELOW


function highlight_thumbnail(_thumb_highlight)
{
//REST ALL DOTS
$('.imagethumbnailsquare').removeClass('deactive')
$('.imagethumbnailsquare').removeClass('active')
$('.imagethumbnailsquare').removeClass('activeroll')
$('.imagethumbnailsquare').addClass('deactive')
$(_thumb_highlight).addClass('active')
	
}

function imagecounter(mynumber, imagediv){
	//CALL IMAGE LOADER
	loadmainimage(imagediv); 
}


//THIS LOADS THE IMAGE
function loadmainimage(getdiv){

var getdivhtml=getdiv +"_text"
//alert (getdivhtml);
getdivA=getdiv +"_link"


//LOAD IMAGE
var image=null;
image = $(getdivA).attr('longdesc');

var imagetitle=null;
imagetitle = $(getdivA).attr('title');

$('.mainimagelabel').hide();
$('.mastheadoffer_container').hide();
//$(getdivhtml).show();
//var imageload = $('<img />').attr('src', image);

//PRELOADER AND LOAD IMAGE
$.imgpreload(image,function(){
	
		$('#mainimage_clone').remove();
		$("#mainimageA").clone().attr('id','mainimage_clone').appendTo('#mainimageB');
		$('#mainimageA').hide();
		$('#mainimageA').html('<img src="' + image + '"/>');
        // Your other custom code
		$('#mainimageA').fadeIn('slow');
		$('.mainimagelabel').hide();
		$('.mastheadoffer_container').hide();
		$('.mainimagelabel').html(imagetitle);
		
		$('.mainimagelabel').fadeIn('slow');
		$('#mainimageA').css("z-index", 2);
		$(getdivhtml).fadeIn('slow');
				
});

}
//END LOAD THE IMAGE