/*
Javascript (JS)
Website       : CMS Extra-Webdesign
Version       : v1.0
Created on    : Oktober 2010 

Portfolio Case
-----------------------------------------------------------------------------*/
$(document).ready(function() {
    // Save  the jQuery objects for later use.
    var outer		= $("#preview_outer");
    var arrow		= $("#arrow");
    var thumbs		= $("#thumbs div.thumb");

    var preview_pos;
    var preview_els	= $("#preview_inner div");
    var image_width	= preview_els.eq(0).width(); // Get width of imaages
	
    // Hook up the click event
    thumbs.click(function() {
        // Get position of current image
        preview_pos = preview_els.eq( thumbs.index( this) ).position();

        // Animate them!
        outer.stop().animate( {
            'scrollLeft' : preview_pos.left
        },	500 );
        arrow.stop().animate( {
            'top' : $(this).position().top
        },	500 );
    });

    if(thumbs.length > 0)
    {
        // Reset positions on load
        arrow.css( {
            'top' : thumbs.eq(0).position().top
        } ).show();
        
    }

    if(outer.length > 0)
    {
        outer.animate( {
            'left' : 0
        }, 0 );
    }

    if(preview_els.length > 0)
    {
        // Set initial width
        $("#preview_inner").css('width', preview_els.length * image_width);
    }
    
});