var imageCount = 0;
var nextImage;
var click = "no";


var first_img ;
var second_img;
var third_img ;
var images;

$(document).ready(function(){
 first_img = $('#homepageMainImage').attr('src');
 second_img = $('#Img1').attr('src');
 third_img = $('#Img2').attr('src');
images = new Array(first_img,
                       second_img,
                       third_img);

});

$(window).load(function(){
/*$('.maindiv').append("<div class='insideposition maindiv' id='firstlayer' style='height:430px'></div>");
$('#firstlayer').css("top", "80px"); 
$('#firstlayer').css("background-image", "url("+images[imageCount]+")"); */
var amit = (function(){
//alert("hi");
if (imageCount == 3) imageCount = 0;
if(click == "no") 
{nextImage = imageCount+1;
if (imageCount == 2) nextImage = 0;}
$('.background').remove();
//$('#firstlayer').remove();
{
    $('.maindiv img').addClass("displayNone");
    //$('.maindiv').append("<div class='insideposition maindiv' id='firstlayer' style='height:430px'></div>");
    $('#firstlayer').append("<div class='background' id='one' style='background-position: 0px 0px; position:absolute; top:0px; right:-940px; width:940px; height:430px'>");
}
$('#firstlayer').css("background-image", "url("+images[imageCount]+")"); 
$('.background').css("background-image", "url("+images[nextImage]+")");
imageCount++;
$('#one').animate({right:'0px'},750);
click = "no";
imageCount = nextImage;
//nextImage++;

});
var call;
$('.maindiv').click(function(){
amit();
clearInterval(call);
interval();
});
var interval = (function(){
call = setInterval(function() {amit()} , 5000);
});
interval();
$("#page1").click(function()
            {
                imageCount = nextImage;
                nextImage = 0;
                click = "yes";
                amit();
                clearInterval(call);
                interval();
            });
            
$("#page2").click(function()
            {
                imageCount = nextImage;
                nextImage = 1;
                click = "yes";
                amit();
                clearInterval(call);
                interval();
            });    
$("#page3").click(function()
            {
                imageCount = nextImage;
                nextImage = 2;
                click = "yes";
                amit();
                clearInterval(call);
                interval();
            });                
});