/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var activeThumb;
var ImageWidth = 200;
var countOfImages = 1;

function mergeImage(){
    
}

function showImage(imgindex){
    $($("#imagegallery .scrollContent a")[imgindex]).slideDown('fast');
}

function makeThumbButton(imgindex){
    var navThumb = document.createElement('a');
    var Thumbnail = document.createElement('img');

    $(navThumb).addClass("navThumbs");
    Thumbnail.src = $("#imagegallery .scrollContent div a img")[imgindex].src
    $(Thumbnail).css("height","19px");

    //alert(Thumbnail.src);
    navThumb.appendChild(Thumbnail);
    return navThumb;
}


function makeThumbmenu(){
    var thumbMenu = $("#thumbmenu");
    
    $.each( $("#imagegallery .scrollContent a"), function(i){
        //thumbMenu.appendChild(makeThumbButton(i));#
        $("#zoombutton").before(makeThumbButton(i));
    });


    $("#imagegallery").after(thumbMenu);
}


$(function(){
    //$("#imagegallery a").hide();
    //$($("#imagegallery a")[0]).show();
    makeThumbmenu();
    //showImage(0);
	var activePiD = $("#thumbmenu .zoom").attr("title");
        $("#thumbmenu .zoom").attr("title","");
	countOfImages = $(".scrollContent .infoImage").length;

	if ( $.browser.msie==true && parseInt($.browser.version)<8 ){
		$(".scrollContent .infoImage").hide();
		$($(".scrollContent .infoImage")[0]).show();
	} else {
		$(".scrollContent").css("position","relative");
		$(".scrollContent").css("width",($(".scrollContent .infoImage").length)*ImageWidth);
	}


	//$("#thumbmenu a").removeAttr("href");

	$("#thumbmenu .navThumbs").click(function(){
		$("#thumbmenu a").removeClass("active");
		$(this).addClass("active");
                activeThumb = $(this).index();
                if ($($("#thumbmenu .navThumbs")[0]).hasClass("specialThumb")) {
                    activeThumb --;
                }
                if( $(this).hasClass("specialThumb")) {
                    $("#thumbmenu .zoom").hide();
                } else {
                    $("#thumbmenu .zoom").show();
                }


		$("#thumbmenu .zoom").attr("href",$($(".scrollContent .infoImage a")[$(this).index()]).attr("href"));
//		alert(activeThumb);
		if ( $.browser.msie==true && parseInt($.browser.version)<8 ){
			$(".scrollContent .infoImage").hide();
			$($(".scrollContent .infoImage")[$(this).index()]).show();
		} else {
			$(".scrollContent").animate({
				left: ($(this).index()*(-1)*ImageWidth)
			});
		}
	});
	$($("#thumbmenu .navThumbs")[0]).click();


});