//HOME PAGE
var testimonialCounter = 0;



function pageEndRequest(sender, args)
{
      $("html, body").scrollTop();
}


function pageLoaded(sender, args)
{
}


function initHomePage()
{

    var slideshow = $("#slideshow");
    $(document).ready(function(){
        slideshow.cycle({
            fx: 'fade',
            pager: "#dots",
            timeout: 5000,
            pagerAnchorBuilder: function(idx, slide) { 
                return '<img src="Images/dot.png" alt="" onclick="javascript:selectDot(this);" class="imageDots" />';}
        });
    });



    //Testimonials
    $(function(){
        $("#testimonials").cycle({
            fx: 'scrollUp',
            timeout: 0,
            next: '#nextTestimonial'            
        });
    });


    
    


    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(pageEndRequest);
    
}

function selectDot(dot)
{    
    $(".imageDots").attr({src:"Images/dot.png"});
    dot.src = "Images/dotSelected.png";
    }

function onAfter()
{
    alert('alfert');
}

function toggleWelcomeMessageBox1(open) {
    var box1 = $("#welcomeMessageBox1");
    
    if (box1.height()>0) open = false;

    if (open) {
        box1.animate({
            opacity: 1,
            height: "500px"
        });
    }
    else {
        box1.animate({
            opacity: 0,
            height: "0px"
        });
    }

}


  ////////TESTIMONIALS

        function toLeft(max) {

            if (testimonialCounter < max - 1) testimonialCounter += 1;
            else testimonialCounter = 0;
            var left = (testimonialCounter * -610);
            var result = left.toString() + "px";
            return result;
        }

        function testimonialNext_Click() {
            var max = $("#testimonialPanel").children().length;
            var testimonials = $("testimonialPanel");
            $("#testimonialBox").fadeOut();
            $("#testimonialPanel").animate({
                left: toLeft(max)
            });
            $("#testimonialBox").fadeIn();
        }



function loadContacts() {

}


function cool() {
    var div = document.getElementById("txt");
    div.innerHTML += "cool";
}

function gotoPage(page) {
    var hidPage = document.getElementById("hidPage");
    hidPage.value = page;

    if (page == "home") __doPostBack('lbtnHome', '');
    if (page == "systems") __doPostBack('lbtnSystems', '');
    if (page == "accessories") __doPostBack('lbtnAccessories', '');
    if (page == "parts") __doPostBack('lbtnParts', '');  
    if (page == "contact") __doPostBack('lbtnContact', '');   
    if (page == "about") __doPostBack('lbtnAbout', ''); 
    if (page == "quote") __doPostBack('lbtnQuote', '');
    if (page == "assembly") __doPostBack('lbtnAssembly', '');
    if (page == "copyright") __doPostBack('lbtnCopyright' ,'');
    if (page == "markets") __doPostBack('lbtnMarkets','');
}


function loadProduct(id)
{
    var productID = document.getElementById("hidProductID");
    productID.value = id;
    __doPostBack('lbtnDetails', ''); 
}

  



/////PAGING

function scrollToPage(panel, number) {

    var scrollto = (number - 1) * (-340);
    var products = $(panel);

    products.animate({
        opacity: .10,
        top: scrollto
    });
    products.animate({
        opacity: 1
    });
}

function image_onload(image) {       
     var img = $('#'+image.id);
        img.animate({
            opacity:1
        }, 2000);
}

function showImage(_src) {
    
    var path = "Products/Images/600/" + _src;

    var image = $('#ctl08_detailsImageMain');
    image.animate({
        opacity:0
    }, 1000, function(){
        image.attr("src", path);
    });



    var nextImage = new Image();
        nextImage.onload =function(){
            image.animate({
                opacity:1
            });
        }
        nextImage.src =path;        
    };

 

    var currentThumbsPage = 0;
    var scrollDelta = 620;
    var thumbsPerPage = 10;

    function btnPreviousClick() {
        var panel = $("#detailsThumbsPanel");
        var pos = parseInt(panel.css("left").replace("px", ""));
        if (currentThumbsPage > 0) {
            currentThumbsPage -= 1;
            if (pos < 0) {
                panel.animate({
                    opacity:0.5,
                    left: '+=' + scrollDelta
                });
                panel.animate({
                    opacity: 1,
                });
            }
        }
    }

    function btnNextClick() {
        var panel = $("#detailsThumbsPanel");
        var totalPages = panel.children().length / thumbsPerPage;
        if (currentThumbsPage < totalPages - 1) {

            currentThumbsPage += 1;
            panel.animate({
                opacity:0.5,
                left: '-=' + scrollDelta
            });
            
            panel.animate({
                opacity:1
            });
        }
    }




function initAssembly(){
    $(function(){
	$('#slides').slides({
		preload: true,
		preloadImage: 'img/loading.gif',
		play: 0,
		pause: 2500,
		hoverPause: true,
		animationStart: function(current){
			$('.caption').animate({
				bottom:5
			},100);
			if (window.console && console.log) {
				// example return of current slide number
				console.log('animationStart on slide: ', current);
			};
		},
		animationComplete: function(current){
			$('.caption').animate({
				bottom:0
			},200);
			if (window.console && console.log) {
				// example return of current slide number
				console.log('animationComplete on slide: ', current);
			};
		},
		slidesLoaded: function() {
			$('.caption').animate({
				bottom:0
			},200);
		}
	});
});
}

function showModal(div)
{
    $(div).modal({
        overlayClose:true,
        onOpen: function(dialog){
            dialog.overlay.fadeIn('slow', function(){
                dialog.container.fadeIn('slow');
                dialog.data.fadeIn('slow');
            });
        }
    });
}

function initModal(a, div){
    $(a).click(function(e){
        $(div).modal({
            overlayClose:true,
            onOpen: function(dialog){
                dialog.overlay.fadeIn('slow', function() {
                    dialog.container.fadeIn('slow');
                    dialog.data.fadeIn('slow');                
                });                
            }
        });
        return false;    
    });
}



function changeCSS(color)
{
    var css = "css/default.css";
    if (color == "light") css = "css/light.css";
    if (color == "orange") css = "css/orange.css";
    

   $("link").attr("href", css);
   $("#hidCSSColor").attr("value", color); 

   //replace the ExtremeImage for light
   var imageExtreme = $(".imageExtreme");
   imageExtreme.attr({src:"Images/featured/box1.png"});
   if (color == "light") imageExtreme.attr({src:"Images/featured/box1_light.png"});
}


function trackPage(page){
    try
    { _gaq.push(['_trackPageView', page]);}
    catch(err){}
}