/* menu 

function mainmenu(){
$(" #nav ul").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(100);
		},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
		});
}

 $(document).ready(function(){
	mainmenu();
});

*/


/* Replace Content 

function ReplaceContentInContainer(id,content) {

var container = document.getElementById(id);

container.innerHTML = content;

}


*/


$(document).ready(function(){

var counter = 0;

var maxcounter = $('#artworkthumbs').children().length;

var link

var image

var imagetitle

var imagedesc


$('#counter').html(counter+1);


imagetitle = $('.image' + counter + ' img').attr("title");

imagedesc = $('.image' + counter + ' img').attr("alt");

$('#imgtitle').html(imagetitle);

$('#imgdesc').html(imagedesc);


$('.image' + counter + ' img').addClass('opacity');


if (counter == 0){$('#prev').addClass('light');}
        
if (counter == maxcounter-1){$('#next').addClass('light');}


if($('.image' + counter + ' a').attr("href") != ''){$('#artworkzoom').show()} else {$('#artworkzoom').hide()}



$('#next').bind('click', function(e){

    e.preventDefault();

    
    var div = $('div.scroll'),

     ul = $('#artworkthumbs'),
     // unordered list's left margin
     ulPadding = 15;

    var lastLi = ul.find('li.image' + counter);

    var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

    


    var totalLi = ul.find('li:last-child');

    var totalWidth = totalLi[0].offsetLeft + totalLi.outerWidth() + ulPadding;

    if (totalWidth > ulWidth+400){
       div.animate({scrollLeft: ulWidth-400}, 150);
    }


    if (counter < maxcounter-1) {

        if (counter >= 0){$('#prev').removeClass('light');}

        if (counter == maxcounter-2){$('#next').addClass('light');}

        $('.image' + counter + ' img').removeClass('opacity');

        counter++


        $(".mousetrap").hide();

        link = $('.image' + counter + ' a').attr("href");

        image = $('.image' + counter + ' img').attr("src");

        imagetitle = $('.image' + counter + ' img').attr("title");

        imagedesc = $('.image' + counter + ' img').attr("alt");

        $('.image' + counter + ' img').addClass('opacity');

        $('.zoom-image a').removeAttr("href");

        $('.zoom-image a').attr("href", link);

        $('.zoom-image img').attr("src", image);

        $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();


        $('#imgtitle').html(imagetitle);

        $('#imgdesc').html(imagedesc);


        if($('.image' + counter + ' a').attr("href") != ''){$('#artworkzoom').show()} else {$('#artworkzoom').hide()}


        $('#counter').html(counter+1);


        return false;

    }

});

$('#prev').bind('click', function(e){

    e.preventDefault();

    
    var div = $('div.scroll'),

     ul = $('#artworkthumbs'),
     // unordered list's left margin
     ulPadding = 15;
    
    var lastLi = ul.find('li.image' + counter);

    var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

    

    var totalLi = ul.find('li:last-child');

    var totalWidth = totalLi[0].offsetLeft + totalLi.outerWidth() + ulPadding;

    if (totalWidth > ulWidth+400){
       div.animate({scrollLeft: ulWidth-600}, 150);
    }

    if (counter > 0) {

        if (counter < maxcounter){$('#next').removeClass('light');}

        if (counter == 1){$('#prev').addClass('light');}

        $('.image' + counter + ' img').removeClass('opacity');

        counter--


        $(".mousetrap").hide();

        link = $('.image' + counter + ' a').attr("href");

        image = $('.image' + counter + ' img').attr("src");

        imagetitle = $('.image' + counter + ' img').attr("title");

        imagedesc = $('.image' + counter + ' img').attr("alt");

        $('.image' + counter + ' img').addClass('opacity');

        $('.zoom-image a').removeAttr("href");

        $('.zoom-image a').attr("href", link);

        $('.zoom-image img').attr("src", image);

        $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();


        $('#imgtitle').html(imagetitle);

        $('#imgdesc').html(imagedesc);


        if($('.image' + counter + ' a').attr("href") != ''){$('#artworkzoom').show()} else {$('#artworkzoom').hide()}


        $('#counter').html(counter+1);

        return false;

    }


});


$('#artworkthumbs li a').bind('click', function(e){

    e.preventDefault();

    $(".mousetrap").hide();

    $('.image' + counter + ' img').removeClass('opacity');

    counter = $(this).attr("title");

    if (counter >= 0){$('#prev').removeClass('light');}

    if (counter <= 0){$('#prev').addClass('light');}

    if (counter < maxcounter){$('#next').removeClass('light');}

    if (counter >= maxcounter-1){$('#next').addClass('light');}

    $('.image' + counter + ' img').addClass('opacity');


    imagetitle = $('.image' + counter + ' img').attr("title");

    imagedesc = $('.image' + counter + ' img').attr("alt");

    $('#imgtitle').html(imagetitle);

    $('#imgdesc').html(imagedesc);


    if($('.image' + counter + ' a').attr("href") != ''){$('#artworkzoom').show()} else {$('#artworkzoom').hide()}


    counter = parseInt(counter);

    $('#counter').html(counter+1);


});

$(function(){
    //Get our elements for faster access and set overlay width
    var div = $('div.scroll'),

         ul = $('#artworkthumbs'),
         // unordered list's left margin
         ulPadding = 15;

    var controlleft = $('div.scrollcontrolleft');
    var controlright = $('div.scrollcontrolright');

    //Get menu width
    var divWidth = div.width();

    //Remove scrollbars
    div.css({overflow: 'hidden'});

    //Find last image container
    var lastLi = ul.find('li:last-child');

    //When user move mouse over menu
    /*
    div.mousemove(function(e){

      //As images are loaded ul width increases,
      //so we recalculate it each time
      var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

      var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;

      div.scrollLeft(left);
      
    });
    */
    controlleft.mouseover(function(){

        var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
        
        div.animate({scrollLeft: 0}, ulWidth/0.5);

    });

    controlleft.mouseout(function(){

      div.stop();

    });

    controlright.mouseover(function(e){

        var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

        var left = (e.pageX + 10 - div.offset().left) * (ulWidth-divWidth) / divWidth;

        div.animate({scrollLeft: left}, ulWidth/0.5);

    });

    controlright.mouseout(function(e){

        div.stop();

    });

});

});




/*

var hide;

$(document).ready(function(){

        if (hide != true) {
            $('#form').addClass('hide');
        } else {

        }



	$('#adduser').click(function(){
            
            $('#formuser').removeClass('hide');

            $('#adduser').toggleClass('hide');
            $('#close').toggleClass('hide');

            $('.clearme').val('');

            $('.clearme').removeClass("needsfilled");
            $('.usermsg').remove();

            $('.update').addClass('hide');
            $('.insert').removeClass('hide');
           
        });

        $('#close').click(function(){

            $('#formuser').addClass('hide');

            $('#adduser').toggleClass('hide');
            $('#close').toggleClass('hide');

        });


        $('#updateuser').click(function(){

            $('#formuser').removeClass('hide');

            $('#adduser').toggleClass('hide');
            $('#close').toggleClass('hide');

            $('.update').removeClass('hide');
            $('.insert').addClass('hide');

        });


        $('.update').click(function(){


        });

        $('.insert').click(function(){


        });






});

*/