
$(document).ready(function(){contentSlider=$("#slider");iphoneSlider=$("#iphoneslider");var defaults={prevId:'prevBtn',nextId:'nextBtn',speed:400};var slides={"firstSlide":0,"secondSlide":1,"thirdSlide":2,"forthSlide":3};var slidesNum=4;var contentSliderWidth=contentSlider.width();var iphoneSliderWidth=iphoneSlider.width();var lastSlideIndex=slidesNum-1;var currentSlideIndex=0;$("#slider-content").css('width',slidesNum*contentSliderWidth);$("ul",iphoneSlider).css('width',slidesNum*iphoneSliderWidth);$("a","#"+defaults.prevId).hide();$("a","#"+defaults.nextId).click(function(){pagingClick("next");});$("a","#"+defaults.prevId).click(function(){pagingClick("prev");});$("img","#slides").click(function(){currentSlideIndex=slides[this.id];animate();});function pagingClick(dir){if(dir=="next")
currentSlideIndex=Math.min(lastSlideIndex,currentSlideIndex+1);else
currentSlideIndex=Math.max(0,currentSlideIndex-1);animate();};function animate(){$(".selector").removeClass("selector");var sideButtons=$("div","#slides");sideButtons[currentSlideIndex].className="selector";movement=(currentSlideIndex*iphoneSliderWidth*-1);$("ul",iphoneSlider).animate({marginLeft:movement},defaults.speed);movement=(currentSlideIndex*contentSliderWidth*-1);document.getElementById("slider-content").style.marginLeft=movement;if(currentSlideIndex>=lastSlideIndex)
$("a","#"+defaults.nextId).hide();else
$("a","#"+defaults.nextId).show();if(currentSlideIndex<=0)
$("a","#"+defaults.prevId).hide();else
$("a","#"+defaults.prevId).show();};});